.accessory-view-toggle{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.accessory-view-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 11px;border:1px solid #bdc8d0;border-radius:5px;background:#fff;color:#172b3a;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}.accessory-view-toggle button[aria-pressed=true]{border-color:#f90;background:#fff2dc;color:#172b3a;box-shadow:inset 0 0 0 1px #f90;font-weight:700}.accessory-view-toggle button:hover{border-color:#f90}.accessory-view-toggle button:focus-visible{outline:3px solid #172b3a;outline-offset:2px}.accessory-view-toggle svg{width:18px;height:18px;fill:currentColor;flex:none}.accessory-view-toggle [data-accessory-view-items]{min-width:0}.accessory-card-purchase{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px}.accessory-card-purchase__quantity{display:grid;grid-template-columns:44px 48px 44px;align-items:center;flex:none;overflow:hidden;border:1px solid #c8d0d7;border-radius:5px}.accessory-card-purchase__quantity button{width:44px;height:44px;border:0;background:#f3f5f6;color:#172b3a;font-size:20px;cursor:pointer}.accessory-card-purchase__quantity input{width:48px;height:44px;padding:0;border:0;text-align:center;font:inherit;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.accessory-card-purchase__quantity input::-webkit-inner-spin-button,.accessory-card-purchase__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.accessory-card-purchase__add,.accessory-card-purchase__choose{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;flex:1;padding:8px 10px;border:1px solid #ff9900;border-radius:5px;background:#f90;color:#172b3a;text-align:center;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.accessory-card-purchase__add:hover,.accessory-card-purchase__choose:hover{border-color:#e98900;background:#e98900;color:#172b3a}.accessory-card-purchase__sold-out{color:#687781;font-size:14px}.accessory-standard-card-purchase{padding:0 12px 12px}.collection-content--accessory-standard .grid-product__actions{display:none}[data-accessory-view-scope] .new-grid[data-accessory-view=list] .grid-item__content{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center}[data-accessory-view-scope] .new-grid[data-accessory-view=list] .grid-item__link{grid-column:1;min-width:0}[data-accessory-view-scope] .new-grid[data-accessory-view=list] .accessory-standard-card-purchase{grid-column:2;padding:12px}[data-accessory-view-items].new-grid[data-accessory-view=grid] .grid-item{flex-basis:33.3333%;max-width:33.3333%}[data-accessory-view-items].new-grid[data-accessory-view=list] .grid-item{flex-basis:100%;max-width:100%}[data-accessory-view-items].new-grid[data-accessory-view=grid] .grid-product__title{color:#172b3a}[data-accessory-view-items].new-grid[data-accessory-view=list] .grid-item__meta{min-width:0}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list{grid-template-columns:repeat(3,minmax(0,1fr))}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list .accessory-row{grid-template-columns:minmax(0,1fr);align-items:stretch}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list .accessory-row__image{width:100%;height:auto;aspect-ratio:4/3}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list .accessory-row__purchase{justify-items:stretch}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list .accessory-row__form{display:grid;grid-template-columns:1fr;justify-content:stretch}[data-accessory-view-items][data-accessory-view=list].accessory-catalog__list,[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid{grid-template-columns:minmax(0,1fr)}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(210px,280px);align-items:center}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__link{display:grid;grid-column:1/3;grid-template-columns:140px minmax(0,1fr);align-items:center}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__purchase{grid-column:3;grid-row:1}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__image{aspect-ratio:1}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__title{min-height:0}[data-accessory-view-items][data-accessory-view=grid].av-stopfen__grid .av-stopfen-card{display:flex;flex-direction:column}[data-accessory-view-items][data-accessory-view=grid].av-stopfen__grid .av-stopfen-card__link{display:block}[data-accessory-view-items][data-accessory-view=grid].av-stopfen__grid .av-stopfen-card__purchase{margin-top:auto}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid{grid-template-columns:minmax(0,1fr)}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(210px,280px);align-items:center;gap:8px 16px}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__link{display:grid;grid-template-columns:140px minmax(0,1fr);grid-column:1/3;align-items:center;gap:16px}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__image{grid-row:1/6;aspect-ratio:1;margin:0}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__title{min-height:0}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__purchase{grid-column:3;grid-row:1;align-self:center}[data-accessory-view-items][data-accessory-view=grid].av-connectors__grid .av-connector-card{display:flex;flex-direction:column}[data-accessory-view-items][data-accessory-view=grid].av-connectors__grid .av-connector-card__purchase{margin-top:auto}.av-stopfen-card__purchase{padding:0 12px 12px}.av-connector-card__purchase{display:flex;align-items:center}.accessory-catalog__result-bar,.av-stopfen__toolbar,.av-connectors__toolbar{flex-wrap:wrap}@media(max-width:1023px){[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list{grid-template-columns:repeat(2,minmax(0,1fr))}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card,[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card{grid-template-columns:100px minmax(0,1fr) minmax(190px,230px)}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__link{grid-template-columns:100px minmax(0,1fr)}}@media(max-width:767px){.accessory-view-toggle{gap:5px}.accessory-view-toggle button{flex:1 1 auto;padding-inline:8px;font-size:13px}[data-accessory-view-items].new-grid[data-accessory-view=grid] .grid-item{flex-basis:50%;max-width:50%}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card,[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card{grid-template-columns:72px minmax(0,1fr);gap:8px 10px}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__details{grid-column:2;grid-row:1;padding:8px}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__purchase,[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__purchase{grid-column:1/-1;grid-row:auto}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__link{grid-column:1/-1;grid-template-columns:72px minmax(0,1fr);gap:8px 10px}[data-accessory-view-items][data-accessory-view=list].av-connectors__grid .av-connector-card__image{grid-column:1;grid-row:1/6;width:72px;height:72px}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__link{grid-column:1/-1;grid-template-columns:72px minmax(0,1fr);gap:8px 10px}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__image{grid-column:1;grid-row:1;align-self:start}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__link .av-stopfen-card__details{grid-column:2;grid-row:1;padding:8px}[data-accessory-view-items][data-accessory-view=list].av-stopfen__grid .av-stopfen-card__purchase{grid-column:1/-1;grid-row:auto}[data-accessory-view-items][data-accessory-view=grid].av-connectors__grid,[data-accessory-view-items][data-accessory-view=grid].av-stopfen__grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-accessory-view-items][data-accessory-view=list].accessory-catalog__list .accessory-row{grid-template-columns:58px minmax(0,1fr)}[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){[data-accessory-view-scope] .new-grid[data-accessory-view=list] .grid-item__content{grid-template-columns:minmax(0,1fr)}[data-accessory-view-scope] .new-grid[data-accessory-view=list] .accessory-standard-card-purchase{grid-column:1;padding:0 12px 12px}}@media(max-width:480px){.accessory-card-purchase{flex-wrap:wrap}.accessory-card-purchase__quantity{grid-template-columns:40px 44px 40px}.accessory-card-purchase__quantity button,.accessory-card-purchase__quantity input{width:40px;height:44px}.accessory-card-purchase__quantity input{width:44px}}@media(max-width:390px){[data-accessory-view-items].new-grid[data-accessory-view=grid] .grid-item,[data-accessory-view-items][data-accessory-view=grid].av-stopfen__grid,[data-accessory-view-items][data-accessory-view=grid].av-connectors__grid,[data-accessory-view-items][data-accessory-view=grid].accessory-catalog__list{grid-template-columns:minmax(0,1fr);flex-basis:100%;max-width:100%}}@media(min-width:1024px){[data-accessory-view-scope] .new-grid[data-accessory-view=list] .grid-item__content{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}}@media(min-width:601px)and (max-width:1023px){[data-accessory-view-scope] .new-grid[data-accessory-view=list] .grid-item__content{grid-template-columns:minmax(0,1fr)}[data-accessory-view-scope] .new-grid[data-accessory-view=list] .accessory-standard-card-purchase{grid-column:1;padding:0 12px 12px}}.accessory-card-purchase__add,.accessory-card-purchase__choose{min-width:128px;white-space:nowrap;word-break:normal;overflow-wrap:normal}
/*# sourceMappingURL=/cdn/shop/t/184/assets/accessory-view-toggle.css.map */