.ymm-product{background-color:#eaeaea;background-image:url(./ymm_mobile.png);background-size:cover;background-position:top left;background-repeat:no-repeat;padding:var(--ymm-pt, 0) 0 var(--ymm-pb, 0);margin:0}.ymm-product__vehicle{display:none;max-width:1560px;margin:0 auto;padding:10px 20px}.ymm-product__vehicle-text{font-size:13px;color:var(--color-foreground, #000)}.ymm-product__vehicle-link{font-weight:600;color:var(--color-foreground, #000);text-decoration:none}.ymm-product__vehicle-link:hover{text-decoration:underline}.ymm-product__vehicle-remove{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 10px;color:var(--color-foreground, #000);vertical-align:middle}.ymm-product__vehicle-remove:hover{opacity:.6}.ymm-product__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.ymm-product__overlay--open{opacity:1;pointer-events:all}.ymm-product__container{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100dvh;background-color:var(--color-background, #fff);z-index:1000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:24px 20px;box-shadow:-4px 0 24px #0000001f}.ymm-product__container--open{transform:translate(0)}.ymm-product__drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ymm-product__heading{font-weight:600;font-size:16px;line-height:1;letter-spacing:0;text-transform:uppercase;margin:0;color:var(--color-foreground, #000)}.ymm-product__close{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--color-foreground, #000);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ymm-product__close:hover{opacity:.6}.ymm-product__form{display:flex;flex-direction:column;gap:30px}.ymm-product__fields{display:flex;flex-direction:column;gap:20px}.ymm-product__field{display:flex;flex-direction:column;width:100%;gap:6px}.ymm-product__label{font-weight:500;font-size:13px;line-height:16px;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:var(--color-foreground, #000)}.ymm-product__select{appearance:none;-webkit-appearance:none;width:100%;padding-left:14px;height:38px;border:1px solid var(--color-border, #d1d1d1);border-radius:0;background-color:var(--color-background, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;color:var(--color-foreground, #000)}.ymm-product__select:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px;border-color:var(--color-primary, #000)}.ymm-product__select:disabled{opacity:.42;cursor:not-allowed;background-color:var(--color-surface, #f6f6f7)}.ymm-product__actions{display:flex;gap:20px}.ymm-product__actions .button{width:50%;height:38px;display:flex;align-items:center;justify-content:center}.ymm-product__btn--filter:disabled{opacity:.38;cursor:not-allowed}.ymm-product__btn--clear{background-color:transparent;color:var(--color-foreground, #000);border:1px solid #000}.ymm-product__btn--clear:hover{background-color:var(--color-surface, #000);color:#fff}.ymm-info{display:flex;align-items:flex-start;gap:20px;padding:20px;margin-bottom:16px;border:1px solid #BFBFBF;color:#282828;border-radius:0}.ymm-info--unknown{background-color:#f6f6f7}.ymm-info--fit{background-color:#f7fbf8;border-color:#008a00}.ymm-info--nofit{background-color:#fbf2f2;border-color:#de2a2a}.ymm-info__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.ymm-info__body{display:flex;flex-direction:column;gap:4px}.ymm-info__title{font-weight:600;font-size:18px;line-height:20px;margin:0}.ymm-info__vehicle{font-weight:400;font-size:14px;line-height:16px;vertical-align:middle;margin:0 0 12px;color:#656464}.ymm-info__action{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;font-weight:400;font-size:14px;line-height:24px;text-decoration:underline;cursor:pointer;color:inherit;text-align:left}.ymm-info__action:hover{opacity:.7}@media screen and (min-width:860px){.ymm-product{background-image:url(./ymm.png)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ymm-product.css.map */