.eri-feature{--border-color:#dcdcde}.eri-feature .plugin-title{margin:calc(var(--main-gap)*-1);margin-bottom:0;padding:1rem}.eri-feature .plugin-title .dashicons-format-gallery{font-size:2rem;margin-right:1rem}.eri-feature .donate{align-items:center;display:grid;gap:1rem;grid-gap:1rem;grid-template-columns:2rem auto;justify-items:start}.eri-feature .element{border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem}.eri-feature .element h3,.eri-feature .element p,.eri-feature .element>*{margin:0}.eri-feature .element p.submit{padding-bottom:0}.eri-feature .placeholder{align-items:center;background-color:#f7f7f7;border:1px dashed #ddd;border-radius:4px;display:flex;flex-grow:1;justify-content:center;min-height:6.5rem;padding:1rem}.eri-feature .structure{--image-size:4rem;--image-fit:contain;--image-ratio:1;--item-flex:22rem;display:inline-grid;gap:1.5rem;grid-auto-columns:auto;grid-auto-flow:row dense;grid-auto-rows:min-content;grid-template-areas:"search selected subsizes" "search swap subsizes";grid-template-columns:var(--item-flex) var(--item-flex) auto;list-style-type:none;padding:0}.eri-feature .structure+.element{margin-top:.5rem}@media (max-width:1440px){.eri-feature .structure{grid-template-areas:"search swap" "search selected" "subsizes subsizes";grid-template-columns:1fr 1fr}}@media (max-width:768px){.eri-feature .structure{grid-template-areas:"search" "swap" "selected" "subsizes";grid-template-columns:100%}}.eri-feature .structure img{aspect-ratio:var(--image-ratio);display:flex;height:var(--image-size);-o-object-fit:var(--image-fit);object-fit:var(--image-fit);width:var(--image-size)}.eri-feature .structure .element.search{-ms-grid-row:1;-ms-grid-row-span:3;grid-area:search;-ms-grid-column:1;justify-content:stretch}.eri-feature .structure .element.search #eri-frm-search{display:flex;gap:.5rem;margin-bottom:1rem}.eri-feature .structure .element.search #eri-frm-search *{min-width:0;min-width:auto}.eri-feature .structure .element.search button{align-items:center;border-radius:3px;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:1rem auto;justify-content:center;width:auto}.eri-feature .structure .element.search .search-result-wrap{display:flex;flex-direction:column;flex-grow:1;gap:0;margin:0 -1rem -1rem;padding:0}.eri-feature .structure .element.search .search-result-wrap li{--item-color:#f7f7f7;--image-size:2.5rem;--image-fit:cover;background:var(--item-color);border-top:1px solid var(--border-color);cursor:pointer;margin:0;outline-offset:-1px;overflow:hidden;padding:.5rem 1rem}.eri-feature .structure .element.search .search-result-wrap li:last-child{flex-grow:1}.eri-feature .structure .element.search .search-result-wrap li.is-selected{--item-color:#fff;color:var(--eri-color-main);font-weight:700;position:relative}.eri-feature .structure .element.search .search-result-wrap li:focus,.eri-feature .structure .element.search .search-result-wrap li:hover{--item-color:#fff}.eri-feature .structure .element.search .search-result-wrap li>div{align-items:center;display:flex;gap:0}.eri-feature .structure .element.search .search-result-wrap li>div .info{max-height:3em;overflow:hidden;padding:.25rem .5rem;word-break:break-all}.eri-feature .structure .element.search .search-result-wrap li img{border-radius:4px}.eri-feature .structure .element.swap{grid-area:swap;-ms-grid-column:3;-ms-grid-row:3}.eri-feature .structure .element.swap .eri-feature,.eri-feature .structure .element.swap .type-eri{display:contents}.eri-feature .structure .element.selected{grid-area:selected;-ms-grid-column:3;-ms-grid-row:1}.eri-feature .structure .element.selected .media-selected{--image-size:100%}.eri-feature .structure .element.selected .media-selected img{width:100%}.eri-feature .structure .element.selected.with-image{background:#fff}.eri-feature .structure .element.subsizes{-ms-grid-row:1;-ms-grid-row-span:3;grid-area:subsizes;-ms-grid-column:5}@media (max-width:1440px){.eri-feature .structure .element.search{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.eri-feature .structure .element.swap{-ms-grid-column:2;-ms-grid-row:1}.eri-feature .structure .element.selected{-ms-grid-column:2;-ms-grid-row:2}.eri-feature .structure .element.subsizes{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2}}@media (max-width:768px){.eri-feature .structure .element.search{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.eri-feature .structure .element.swap{-ms-grid-column:1;-ms-grid-row:2}.eri-feature .structure .element.selected{-ms-grid-column:1;-ms-grid-row:3}.eri-feature .structure .element.subsizes{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}}.eri-feature .structure .element.subsizes .media-extra-info,.eri-feature .structure .element.subsizes .media-info{display:contents}.eri-feature .structure .element.subsizes .wp_attachment_image ul{--image-size:7rem;display:grid;grid-gap:1rem;gap:1rem;grid-auto-columns:auto;grid-auto-flow:row dense;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin-bottom:0}.eri-feature .structure .element.subsizes .wp_attachment_image ul li{align-content:flex-start;align-items:center;background:#f7f7f7;display:flex;flex-direction:column-reverse;gap:0;justify-content:flex-end;margin:0;padding:0;text-align:center}.eri-feature .structure .element.subsizes .wp_attachment_image ul li img{padding:1rem}.eri-feature .structure .element.subsizes .wp_attachment_image ul li b{border-top:1px dashed var(--border-color);flex-grow:1;padding:.25rem .5rem;width:100%;word-break:break-all}.eri-feature .pagination{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between}.eri-feature .pagination>*{align-items:center;display:inline-flex;flex:0 1 2rem;justify-content:center;min-height:2rem}.eri-feature .pagination .selected{background:#fff;border:1px solid var(--border-color)}.eri-feature .pagination .dots{flex:0 0 auto;margin-left:auto;margin-right:auto}
