.compatible-products-block-title{font-weight:400;text-align:center;font-size:large;text-transform:uppercase;letter-spacing:.2rem}.compatible-products-block-subtitle{font-size:14px;font-weight:400;text-decoration:none;text-transform:none;letter-spacing:.4px;text-align:center;margin-top:4px}.compatible-products-block-offer{font-size:14px;font-weight:300;text-decoration:none;text-transform:none;letter-spacing:.4px;text-align:center;color:var(--color-foreground);background-color:var(--color-background);padding:8px;border:1px solid var(--color-borders);margin-top:6px}.compatible-products{display:grid;gap:4px;grid-template-columns:1fr}.compatible-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:5px}.compatible-toggle .compatible-toggle-button{width:100%;padding:8px 25px}.compatible-toggle .is-active:not([disabled]),.compatible-toggle .is-active:not([disabled]):hover,.compatible-toggle .is-active:not([disabled]):focus{background-color:var(--color-foreground)!important;color:var(--color-background)!important}.compatible-filter{width:100%;position:relative;padding:0;color:var(--input-foreground)}.compatible-filter select:focus-visible{outline:none!important}.compatible-filter select{width:100%;padding:8px 20px 8px 4px;cursor:pointer;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow);color:var(--input-foreground);text-align-last:center}.compatible-filter svg{position:absolute;right:6px;border-radius:20px;top:50%;transform:translateY(-50%);pointer-events:none}.load-buttons{display:flex;align-items:center;gap:12px;padding-right:27px}.load-buttons .load-buttons__left{flex:1}.load-buttons .load-buttons__center{flex:1;display:flex;justify-content:center}.load-buttons .load-buttons__right{flex:1;display:flex;justify-content:flex-end}.load-less__icon{transform:rotate(-180deg)}compatible-card .compatible-variant-selector{position:relative;color:var(--input-foreground)}compatible-card .compatible-variant-selector select{width:100%;padding:3px 20px 3px 4px;cursor:pointer;border:solid var(--input-border-width) var(--input-border-color);background-color:var(--input-background);border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow);color:var(--input-foreground);letter-spacing:var(--input-letter-spacing)}compatible-card .compatible-variant-selector svg{position:absolute;right:6px;border-radius:20px;top:50%;transform:translateY(-50%);pointer-events:none}compatible-card{padding-right:16px}compatible-card .product-form__submit{padding:1.2rem!important;min-height:0!important;aspect-ratio:1 / 1;height:48px;font-size:2em;display:flex;justify-content:center;align-items:center;letter-spacing:normal}compatible-card .product-form__submit .feather-shopping-bag{width:2rem;height:2rem}compatible-card .product-form__submit .feather-plus{--size: 12px;position:absolute;background-color:var(--color-button-foreground);color:var(--color-button-background);fill:var(--color-button-background);border-radius:var(--button-border-radius);width:var(--size);height:var(--size);bottom:1rem;right:1rem}.compatible-products .br-img{border-radius:min(12px,var(--br-img))}.no-js .compatible-products quantity-input{display:none}.compatible-products quantity-input.quantity{font-size:14px}.compatible-products .select{position:relative;color:var(--input-foreground)}.compatible-products .select select{width:100%;padding:6px 30px 6px 12px;cursor:pointer;border:solid var(--input-border-width) var(--input-border-color);background-color:var(--input-background);border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow);color:var(--input-foreground);letter-spacing:var(--input-letter-spacing)}.compatible-products .select svg{position:absolute;right:6px;border-radius:20px;top:50%;transform:translateY(-50%);pointer-events:none}.compatible-products .card--product{--thumbnail-width: 78px;grid-template-columns:var(--thumbnail-width) 1fr}.compatible-products .card--product.card--product--strap{--thumbnail-width: 128px}.compatible-products .compatible-body{display:grid;grid-template-columns:1fr auto;align-items:center}@media only screen and (max-width:767px){.compatible-products quantity-input.quantity{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/dw-component-compatible-products.css.map */