.modal--flocage{--modal-content-width: 36rem}product-customization{display:block}.flocage__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.flocage__modes.hidden{display:none}.flocage__mode-full{grid-column:1 / -1}.flocage__mode{flex-direction:column;row-gap:.125rem;padding-block:.75rem;width:100%}.flocage__player-select{position:relative;display:flex;align-items:center;gap:.875rem;padding:.625rem;border:1px solid rgb(var(--border-color));border-radius:var(--input-border-radius);background:rgb(var(--background))}.flocage__player-select:focus-within{border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.flocage__player-thumb,.flocage__player-display,.flocage__player-chevron{pointer-events:none}.flocage__player-thumb{flex-shrink:0;display:grid;place-items:center;width:3rem;height:3rem;border-radius:calc(var(--input-border-radius) * .75);background:rgb(var(--text-color) / .06);color:rgb(var(--text-color) / .4);font-size:1.125rem;font-weight:600;line-height:1;overflow:hidden}.flocage__player-thumb-img{width:100%;height:100%;object-fit:contain}.flocage__player-display{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.flocage__player-display-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flocage__player-chevron{flex-shrink:0;width:.75rem;color:rgb(var(--text-color) / .6)}.flocage__player-native{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;appearance:none;font-size:16px}.flocage__player-native:disabled{cursor:default}input[name=flocage-name]{text-transform:uppercase}.line-item--flocage{margin-block-start:-.5rem}.line-item__flocage{display:flex;width:100%;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--input-border-radius);background:rgb(var(--text-color) / .05)}.line-item__flocage-icon{display:flex;flex-shrink:0;color:rgb(var(--text-color) / .5)}.line-item__flocage-info{min-width:0;flex:1}.line-item__flocage-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item__flocage-price{flex-shrink:0;margin-inline-start:auto}.line-item-row--flocage>td{padding-block-start:0}.line-item-row--flocage .line-item__flocage{margin-block-start:0}.flocage__badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.flocage__badge-option{flex-direction:column;row-gap:.375rem;padding:.75rem;width:100%;height:100%;cursor:pointer}.flocage__badge-image{width:100%;height:auto;max-height:80px;object-fit:contain}