.ymm-nav-dropdown{position:relative;display:inline-block}.ymm-nav-trigger{display:flex;align-items:center;gap:12px;padding:16px;background:rgb(var(--color-base-background-2));border:var(--inputs-border-width) solid var(--color-border);border-radius:var(--border-radius-base);color:rgb(var(--color-base-text));font-size:1.4rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:44px}.ymm-nav-trigger:hover{box-shadow:none}.ymm-nav-trigger:focus-visible{z-index:1;outline:none}.ymm-nav-trigger svg{width:1.8rem;height:1.8rem;transition:transform .2s ease}.ymm-nav-trigger path{fill:rgb(var(--color-base-text))}.ymm-nav-trigger.is-active svg:last-child{transform:rotate(180deg)}.ymm-nav-trigger-icon{display:flex;align-items:center}.ymm-nav-panel{position:absolute;top:calc(100% + 1rem);right:0;background:#fff;border-radius:.8rem;box-shadow:0 10px 40px #0003;padding:2rem;min-width:400px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ymm-nav-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.ymm-nav-panel-wide{min-width:500px}.ymm-nav-panel-inner{display:flex;flex-direction:column;gap:1.2rem}.ymm-nav-heading{color:#000;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;line-height:1.2}.ymm-nav-form{display:flex;flex-direction:column;gap:1.2rem}.ymm-nav-form .form-group{margin:0}.ymm-nav-form label{display:block;color:#333;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.ymm-nav-form select{width:100%;height:4.4rem;padding:0 1.2rem;font-size:1.5rem;border:1px solid #cccccc;border-radius:.5rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.2rem;color:#000;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.ymm-nav-form select:hover:not(:disabled){border-color:#999;background-color:#fafafa}.ymm-nav-form select:focus{outline:none;border-color:rgba(var(--color-button-primary),1);box-shadow:0 0 0 3px rgba(var(--color-button-primary),.1)}.ymm-nav-form select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.ymm-nav-form .button{height:4.4rem;width:100%;padding:0 2rem;font-size:1.5rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.ymm-nav-form .button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ymm-nav-form .button:active:not(:disabled){transform:translateY(0)}.ymm-nav-form .button:disabled{opacity:.5;cursor:not-allowed}.ymm-nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ymm-nav-backdrop.is-open{opacity:1;visibility:visible}.ymm-nav-mobile-header{display:none}.ymm-nav-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.ymm-nav-close:hover{color:#000}.ymm-nav-close:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px;border-radius:.4rem}.ymm-nav-close svg{width:2.4rem;height:2.4rem}.ymm-nav-form.is-loading select,.ymm-nav-form.is-loading .button{opacity:.6;pointer-events:none}@media (max-width: 1199px) and (min-width: 750px){.ymm-nav-panel{min-width:350px}.ymm-nav-panel-wide{min-width:450px}}@media (max-width: 989px){.ymm-nav-trigger{padding:0;font-size:1.3rem;background:none;border:none;color:rgb(var(--color-base-background-2))}.ymm-nav-trigger:hover{background:none}.ymm-nav-trigger path{fill:rgb(var(--color-base-background-2))}.ymm-nav-trigger svg{width:1.6rem;height:1.6rem}.ymm-nav-trigger-text{display:none}.ymm-nav-trigger-text-mobile{display:inline}.ymm-nav-panel{position:fixed;top:auto;right:0;bottom:0;left:0;border-radius:1.2rem 1.2rem 0 0;min-width:auto;max-height:85vh;overflow-y:auto;transform:translateY(100%);box-shadow:0 -5px 30px #0000004d}.ymm-nav-panel.is-open{transform:translateY(0)}.ymm-nav-panel-fullscreen{top:0;border-radius:0;max-height:100vh}.ymm-nav-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eeeeee}.ymm-nav-heading{font-size:2rem;margin:0}.desktop-only{display:none!important}}@media (min-width: 990px){.ymm-nav-mobile-header{display:none}.ymm-nav-trigger-text{display:inline}.ymm-nav-trigger-text-mobile{display:none}.mobile-only{display:none!important}body:has(.ymm-nav-panel.is-open){overflow:visible}}@media (max-width: 749px){.ymm-nav-panel{padding:1.5rem}.ymm-nav-form{gap:1rem}.ymm-nav-form select,.ymm-nav-form .button{height:4.8rem;font-size:1.6rem}}@media (prefers-contrast: high){.ymm-nav-trigger,.ymm-nav-form select,.ymm-nav-form .button{border-width:2px}}@media (prefers-reduced-motion: reduce){.ymm-nav-trigger,.ymm-nav-trigger svg,.ymm-nav-panel,.ymm-nav-backdrop,.ymm-nav-form select,.ymm-nav-form .button{transition:none}}@media print{.ymm-nav-dropdown{display:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-ymm-nav.css.map */