.c_p-page-image-search{--_space-small: .75rem;--_space-medium: 1.5rem;--_space-large: 3rem;--_control-height: 44px;display:block;padding-block:var(--_space-large);overflow-wrap:anywhere}.c_p-page-image-search__form{max-inline-size:640px;margin-inline:auto}.c_p-page-image-search__fields{display:grid;gap:var(--_space-medium);min-inline-size:0;margin:0;padding:0;border:0}.c_p-page-image-search__drop{position:relative;padding:var(--_space-medium);border:1px dashed currentcolor;text-align:center;cursor:pointer}.c_p-page-image-search__drop:hover{background:var(--color-grey)}.c_p-page-image-search__fields:disabled .c_p-page-image-search__drop{cursor:default}.c_p-page-image-search__fields:disabled .c_p-page-image-search__drop:hover{background:none}.c_p-page-image-search__drop.is-dragging{background:var(--color-grey);outline:2px solid currentcolor}.c_p-page-image-search__label{display:inline-flex;align-items:center;gap:4px;min-block-size:var(--_control-height);font-size:var(--font-size-s);cursor:inherit}.c_p-page-image-search__label:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.c_p-page-image-search__file{position:absolute;inline-size:1px;block-size:1px;opacity:0}.c_p-page-image-search__file:focus-visible+.c_p-page-image-search__label{outline:2px solid currentcolor;outline-offset:2px}.c_p-page-image-search__hint,.c_p-page-image-search__disclosure{margin-block:var(--_space-small) 0;font-size:var(--font-size-xs);color:rgb(var(--text-color),.7)}.c_p-page-image-search__hint-touch{display:none}@media(hover:none){.c_p-page-image-search__hint-pointer{display:none}.c_p-page-image-search__hint-touch{display:inline}}.c_p-page-image-search__preview{display:block;inline-size:240px;block-size:240px;max-inline-size:100%;margin:var(--_space-medium) auto 0;object-fit:contain}.c_p-page-image-search__query{display:grid;gap:var(--_space-small)}.c_p-page-image-search__input{inline-size:100%;block-size:var(--_control-height);padding-inline:var(--_space-small);border:1px solid currentcolor;border-radius:0;font-size:var(--font-size-m);color:inherit;background:transparent}.c_p-page-image-search__actions{display:flex;flex-wrap:wrap;gap:var(--_space-small)}.c_p-page-image-search__button,.c_p-page-image-search__reset{display:inline-flex;align-items:center;justify-content:center;block-size:var(--_control-height);border:1px solid currentcolor;cursor:pointer}.c_p-page-image-search__button{inline-size:var(--_control-height);padding:0;color:var(--color-white);background:var(--color-black)}.c_p-page-image-search__reset{padding-inline:var(--_space-medium);background:transparent}.c_p-page-image-search__button:disabled{opacity:.5;cursor:default}.c_p-page-image-search__status{min-block-size:1.5em;margin-block:var(--_space-large) var(--_space-medium);text-align:center}.c_p-page-image-search__status:empty{min-block-size:0;margin-block:0}.c_p-page-image-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--_space-medium) var(--_space-small);margin:0;padding:0;list-style:none}.c_p-page-image-search__link{display:block}.c_p-page-image-search__media{aspect-ratio:4 / 5}.c_p-page-image-search__image{inline-size:100%;block-size:100%;object-fit:contain}.c_p-page-image-search__info{margin-block-start:var(--_space-small);line-height:1.2em;text-align:center}.c_p-page-image-search__vendor{display:block;overflow:hidden;margin-block:0;font-family:var(--text-font-family);font-size:var(--heading-xsmall-font-size);font-style:var(--text-font-style);font-weight:var(--text-font-bold-weight);line-height:1.4664;text-overflow:ellipsis;white-space:nowrap}.c_p-page-image-search__title{display:block;margin-block:0;overflow:hidden;font-size:var(--font-size-s);font-weight:400;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.c_p-page-image-search__price{display:block;font-size:var(--font-size-s)}.c_p-page-image-search :focus-visible{outline:2px solid currentcolor;outline-offset:3px}.c_p-page-image-search [hidden]{display:none}@media(min-width:1000px){.c_p-page-image-search__results{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--_space-large) var(--_space-medium)}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/c_page-image-search.css.map */