.dbk-bag-motifs{container-type:inline-size;color:rgb(var(--color-scheme-text))}.product-block-title~.dbk-bag-motifs{margin-top:1rem}.dbk-bag-motifs__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.dbk-bag-motifs__item{min-width:0}.dbk-bag-motifs__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;height:100%;min-height:112px;padding:10px 6px;border:1px solid rgba(var(--color-scheme-text),.5);border-radius:var(--button-border-radius, 8px);background:rgb(var(--color-scheme-background));color:inherit;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.dbk-bag-motifs__link--current{background:rgb(var(--color-scheme-accent-1));border-color:rgb(var(--color-scheme-text));box-shadow:inset 0 0 0 1px rgb(var(--color-scheme-text))}@media(hover:hover){.dbk-bag-motifs__link:hover{background:rgb(var(--color-scheme-accent-1));border-color:rgb(var(--color-scheme-text))}}.dbk-bag-motifs .dbk-bag-motifs__link:focus-visible{outline:2px solid rgb(var(--color-scheme-text));outline-offset:3px}.dbk-bag-motifs__image{display:block;width:64px;height:64px;flex:0 0 auto;mix-blend-mode:multiply}.dbk-bag-motifs__image img,.dbk-bag-motifs__placeholder{display:block;width:100%;height:100%;object-fit:contain}.dbk-bag-motifs__name{min-height:2.4em;font-size:16px;line-height:1.2;font-weight:500;text-align:center}.dbk-bag-motifs__link--current .dbk-bag-motifs__name{font-weight:700}.dbk-bag-motifs__check{display:grid;place-items:center;position:absolute;top:6px;right:6px;width:17px;height:17px;border-radius:50%;background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}.dbk-bag-motifs+.product-block-variant-picker{margin-top:18px}@media(min-width:990px){.dbk-bag-motifs+.product-block-variant-picker .product-variant-picker-block>div>.flex-wrap{width:100%;gap:10px}.dbk-bag-motifs+.product-block-variant-picker .variant-input{flex:1 1 0;min-width:0}.dbk-bag-motifs+.product-block-variant-picker .variant-input>.btn{width:100%;padding-inline:8px}}@container (min-width: 460px){.dbk-bag-motifs__link{flex-direction:row;justify-content:flex-start;min-height:82px;gap:10px;padding:10px}.dbk-bag-motifs__image{width:48px;height:60px}.dbk-bag-motifs__name{min-height:0;max-width:9ch;text-align:left}}@container (max-width: 300px){.dbk-bag-motifs__list{gap:8px}.dbk-bag-motifs__name{font-size:14px}.dbk-bag-motifs__link{padding-inline:2px}}@media(max-width:989px){.dbk-bag-motifs__link{min-height:0;padding-block:10px}.dbk-bag-motifs__name{min-height:0;margin-top:auto}@container (min-width: 460px){.dbk-bag-motifs__name{margin-top:0}}}@media(prefers-reduced-motion:reduce){.dbk-bag-motifs__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/bag-motif-picker.css.map */