.kop-look-row{display:grid;grid-template-columns:8rem 1fr;grid-template-areas:"media info" "media add";column-gap:1.6rem;row-gap:1rem;align-items:start;padding:1.6rem 0;border-bottom:1px solid rgb(var(--color-border))}.kop-look-row:last-child{border-bottom:0}.kop-look-row__media{grid-area:media;display:block;background-color:rgb(var(--color-background-card))}.kop-look-row__media img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.kop-look-row__info{grid-area:info;display:flex;flex-direction:column;gap:.6rem;min-width:0}.kop-look-row__title{text-decoration:none;color:rgb(var(--color-heading))}.kop-look-row__price .price{margin:0}.kop-look-row__select{margin-top:.4rem}.kop-look-row__add{grid-area:add;justify-self:start}.kop-price__compare{opacity:.6;margin-inline-start:.6rem}.kop-look-error{color:rgb(var(--color-foreground));margin:1.2rem 0 0}.kop-look-row--no-add{grid-template-areas:"media info"}.kop-opts{border:0;margin:.4rem 0 0;padding:0;min-width:0}.kop-opts__label{display:block;padding:0;margin:0 0 .6rem;opacity:.7}.kop-opts__list{display:flex;flex-wrap:wrap;gap:.6rem}.kop-opt{position:relative;display:inline-flex;cursor:pointer}.kop-opt__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.kop-opt__text{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;min-height:3.6rem;padding:0 1.4rem;border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius, 0);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transition:border-color .2s ease,background-color .2s ease,color .2s ease}.kop-opt:hover .kop-opt__text{border-color:rgb(var(--color-foreground))}.kop-opt__input:checked+.kop-opt__text{border-color:rgb(var(--color-heading));background-color:rgb(var(--color-heading));color:rgb(var(--color-background))}.kop-opt__input:focus-visible+.kop-opt__text{outline:1px solid rgb(var(--color-foreground));outline-offset:2px}.kop-opt.is-unavailable{cursor:not-allowed}.kop-opt.is-unavailable .kop-opt__text{opacity:.4;text-decoration:line-through}.kop-look-row[hidden]{display:none}.kop-look-row__guide{align-self:flex-start;padding:0;margin:0;border:0;background:none;cursor:pointer}.kop-look-row--tile{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "info";align-content:start;row-gap:.8rem;padding:0;border-bottom:0}.kop-look-row--tile .kop-look-row__info,.kop-look-row--tile .kop-opts__list{gap:.4rem}.kop-look-row--tile .kop-opt__text{min-width:0;min-height:3.2rem;padding:0 .8rem}
/*# sourceMappingURL=/cdn/shop/t/34/assets/kop-look.css.map */