.ymm-selector{display:block;width:100%;background-color:var(--ymm-bg);color:var(--ymm-text);padding:24px 0}.ymm-selector__container{display:flex;flex-direction:column;gap:12px;width:100%}.ymm-selector__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ymm-selector__header-content{display:flex;flex-direction:column}.ymm-selector__title{font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.2;margin:0;color:var(--ymm-text)}.ymm-selector__title-shop{display:none}.ymm-selector__subtitle{font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.625;margin:0;color:var(--ymm-text)}.ymm-selector__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--ymm-text);cursor:pointer;flex-shrink:0}.ymm-selector__toggle .icon-up{display:none}.ymm-selector__toggle[aria-expanded=true] .icon-up{display:block}.ymm-selector__toggle[aria-expanded=true] .icon-down{display:none}.ymm-selector__collapsed{display:flex;flex-direction:column;gap:16px}.ymm-selector__form{display:none}.ymm-selector__form:not([hidden]){display:block}.ymm-selector__fields{display:flex;flex-direction:column;gap:16px}.ymm-selector__field{width:100%}.ymm-dropdown{position:relative;width:100%}.ymm-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:9px 24px;background-color:var(--ymm-field-bg);border:2px solid var(--ymm-border-default);border-radius:var(--ymm-border-radius);font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.625;color:var(--ymm-text-dark);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;text-align:left}.ymm-dropdown__trigger:focus{outline:2px solid var(--ymm-primary);outline-offset:2px}.ymm-dropdown__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ymm-dropdown__icon{flex-shrink:0;width:20px;height:20px;color:var(--ymm-text-dark);transition:transform .2s ease}.ymm-dropdown__trigger[aria-expanded=true] .ymm-dropdown__icon{transform:rotate(180deg)}.ymm-dropdown--active .ymm-dropdown__trigger{border-color:var(--ymm-border-active);background-color:var(--ymm-field-bg)}.ymm-dropdown--active .ymm-dropdown__value{font-weight:700}.ymm-dropdown--disabled .ymm-dropdown__trigger{background-color:var(--ymm-field-disabled);border-color:var(--ymm-border-default);color:var(--ymm-disabled);cursor:not-allowed}.ymm-dropdown--disabled .ymm-dropdown__icon{color:var(--ymm-disabled)}.ymm-dropdown__list{position:absolute;top:100%;left:0;right:0;z-index:100;margin:4px 0 0;padding:8px 0;background-color:var(--ymm-field-bg);border:2px solid var(--ymm-border-active);border-radius:var(--ymm-border-radius);list-style:none;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.ymm-dropdown__list[hidden]{display:none}.ymm-dropdown__option{padding:12px 24px;font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:var(--ymm-text-dark);cursor:pointer;transition:background-color .15s ease}.ymm-dropdown__option:hover,.ymm-dropdown__option:focus{background-color:var(--ymm-field-disabled)}.ymm-dropdown__option[aria-selected=true]{font-weight:700;background-color:var(--ymm-field-active)}.ymm-textfield{position:relative;width:100%}.ymm-textfield__input{display:block;width:100%;height:48px;padding:9px 24px;background-color:var(--ymm-field-bg);border:2px solid var(--ymm-border-default);border-radius:var(--ymm-border-radius);font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.625;color:var(--ymm-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}.ymm-textfield__input::placeholder{color:var(--ymm-disabled)}.ymm-textfield__input:focus{outline:none;border-color:var(--ymm-border-active)}.ymm-textfield--active .ymm-textfield__input{background-color:var(--ymm-field-active);border-color:var(--ymm-border-active);font-weight:700;padding-right:48px}.ymm-textfield--disabled .ymm-textfield__input{background-color:var(--ymm-field-disabled);border-color:var(--ymm-border-default);color:var(--ymm-disabled);cursor:not-allowed}.ymm-textfield--disabled .ymm-textfield__input::placeholder{color:var(--ymm-disabled)}.ymm-textfield--pending .ymm-textfield__input{background-color:var(--ymm-field-disabled);border-color:var(--ymm-border-default);color:var(--ymm-disabled);cursor:text}.ymm-textfield--pending .ymm-textfield__input::placeholder{color:var(--ymm-disabled)}.ymm-textfield__clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--ymm-text-dark);cursor:pointer;opacity:.7;transition:opacity .2s ease}.ymm-textfield__clear:hover{opacity:1}.ymm-selector__field--clear{display:none}.ymm-selector__clear-btn{background:none;border:none;color:var(--ymm-text);font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.5;text-decoration:underline;padding:0;cursor:pointer}.ymm-selector__equipment{display:none}.ymm-selector__equipment:not([hidden]){display:block}.ymm-selector__equipment-fields{display:flex;flex-direction:column;gap:16px}.ymm-selector__save-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;background:none;color:var(--ymm-text);font-family:Helvetica Neue LT Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;line-height:1.5;text-align:center;text-decoration:underline;text-underline-offset:2px;border:none;cursor:pointer;transition:opacity .2s ease;padding-inline:0}.ymm-selector__save-btn:hover{opacity:.8}.ymm-selector__save-btn svg{width:20px;height:20px}.ymm-selector__field--save{display:flex;align-items:center;justify-content:center;gap:10px}.ymm-selector__save-tooltip{position:absolute;bottom:85%;left:50%;transform:translate(-50%) translateY(4px);background-color:var(--color-grey-60);color:var(--color-white);font-size:12px;font-weight:700;font-family:var(--heading-alt-font-family);padding:6px 12px;border-radius:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none;z-index:30;box-shadow:0 0 4px #00000040}.ymm-selector__save-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-grey-60)}.ymm-selector__save-tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.ymm-selector[data-state=collapsed] .ymm-selector__collapsed{display:flex}.ymm-selector[data-state=collapsed] .ymm-selector__form,.ymm-selector[data-state=collapsed] .ymm-selector__equipment,.ymm-selector[data-state=collapsed] .ymm-selector__toggle,.ymm-selector[data-state=expanded] .ymm-selector__collapsed{display:none}.ymm-selector[data-state=expanded] .ymm-selector__container{gap:24px}.ymm-selector[data-state=expanded] .ymm-selector__form{display:block}.ymm-selector[data-state=expanded] .ymm-selector__equipment,.ymm-selector[data-state=has-equipment] .ymm-selector__collapsed,.ymm-selector[data-state=has-equipment] .ymm-selector__form{display:none}.ymm-selector[data-state=has-equipment] .ymm-selector__equipment{display:block}.ymm-selector[data-state=has-equipment] .ymm-selector__title-select{display:none}.ymm-selector[data-state=has-equipment] .ymm-selector__title-shop{display:inline}@media screen and (min-width:960px){.ymm-selector__container{flex-direction:row;align-items:center;gap:24px}.ymm-selector__header{flex:0 0 auto;flex-direction:column;align-items:flex-start}.ymm-selector__title{font-size:22px;line-height:1.59}.ymm-selector__subtitle{font-size:16px;line-height:1.5}.ymm-selector__toggle,.ymm-selector__collapsed{display:none}.ymm-selector__form{display:flex!important;flex:1;min-width:0}.ymm-selector__fields{flex-direction:row;align-items:center;gap:16px;width:100%}.ymm-selector__field{width:auto}.ymm-selector__field--brand,.ymm-selector__field--model,.ymm-selector__field--serial{flex:1;min-width:0}.ymm-selector__field--submit{flex:0 0 auto}.ymm-dropdown__trigger,.ymm-textfield__input{height:48px;padding:16px 24px}.ymm-selector__field--clear{display:flex;align-items:center;height:46px;padding-top:4px}.ymm-selector__field--clear[hidden]{display:none}.ymm-selector__equipment{flex:1;min-width:0}.ymm-selector__equipment-fields{flex-direction:row;align-items:center;gap:16px;width:100%}.ymm-selector__field--equipment{flex:1}.ymm-selector__field--shop,.ymm-selector__field--save{flex:0 0 auto}.ymm-selector__save-btn{font-size:16px;line-height:2.1875}.ymm-selector__save-btn svg{width:24px;height:24px}.ymm-selector[data-state=has-equipment] .ymm-selector__form{display:none!important}.ymm-selector[data-state=has-equipment] .ymm-selector__equipment{display:block}}@media screen and (min-width:960px)and (max-width:1199px){.ymm-selector__container{flex-direction:column;align-items:stretch}.ymm-selector__header,.ymm-selector__form,.ymm-selector__equipment{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ymm-selector.css.map */