.iop{position:relative;display:block;width:100%}.iop__native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.iop__toggle{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:5.6rem;padding:.8rem 4.4rem .8rem 1rem;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.85);border:1px solid rgba(var(--color-foreground),.55);border-radius:4px;font:inherit;font-size:1.4rem;line-height:1.3;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.iop__toggle:has(.iop__thumb--empty){padding-left:2rem}.iop__toggle:hover{border-color:rgba(var(--color-foreground),.85)}.iop__toggle:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.iop__caret{position:absolute;top:50%;right:1.5rem;display:flex;transform:translateY(-50%);transition:transform .2s ease;pointer-events:none}.iop__caret svg{width:1.6rem;height:1.6rem}.iop.is-open .iop__caret{transform:translateY(-50%) rotate(180deg)}.iop__thumb{flex:0 0 auto;display:block;width:36px;height:54px;border-radius:4px;overflow:hidden}.iop__thumb img{display:block;width:100%;height:100%;object-fit:contain}.iop__thumb--empty{background:rgba(var(--color-foreground),.06)}.iop__toggle .iop__thumb--empty,.iop__item.is-placeholder .iop__thumb{display:none}.iop__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iop__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:10px;box-shadow:0 10px 30px #0000001f;overflow:hidden}.iop--up .iop__panel{top:auto;bottom:calc(100% + 4px)}.iop__panel[hidden]{display:none}.iop__search-wrap{padding:8px;border-bottom:1px solid rgba(var(--color-foreground),.08)}.iop__search{width:100%;height:40px;padding:0 12px;background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;font:inherit;font-size:16px;box-shadow:none;-webkit-appearance:none;appearance:none}.iop__search:focus{outline:none;border-color:rgba(var(--color-foreground),.6)}.iop__list{position:relative;margin:0;padding:4px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;list-style:none;-webkit-overflow-scrolling:touch}.iop__item{display:flex;align-items:center;gap:12px;margin:0;padding:6px 8px;border-radius:8px;font-size:1.4rem;line-height:1.3;color:rgba(var(--color-foreground),.85);cursor:pointer;-webkit-tap-highlight-color:transparent}.iop__item.is-placeholder{min-height:40px;opacity:.7}.iop__item[hidden]{display:none}.iop__item:hover,.iop__item:focus{background:rgba(var(--color-foreground),.06);outline:none}.iop__item:focus-visible{outline:2px solid rgba(var(--color-foreground),.45);outline-offset:-2px}.iop__item.is-selected{background:rgba(var(--color-foreground),.09);font-weight:600}.iop__item.is-unavailable .iop__text{opacity:.55}.iop__empty{margin:0;padding:12px 14px;font-size:1.4rem;opacity:.7}.iop__empty[hidden]{display:none}@media screen and (max-width:749px){.iop__list{max-height:50vh}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/image-option-picker.css.map */