.drye-mechanism-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid var(--border);box-shadow:0 -10px 36px #0f223024;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(110%);transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.drye-mechanism-nav.is-visible{transform:translateY(0);pointer-events:auto}.drye-mechanism-nav__track{position:relative;width:100%;height:64px;overflow:hidden}@media(min-width:768px){.drye-mechanism-nav__track{height:76px}}.drye-mechanism-nav__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--deep);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%);transition:width .55s cubic-bezier(.65,0,.35,1);pointer-events:none}@media(min-width:768px){.drye-mechanism-nav__fill{clip-path:polygon(0 0,calc(100% - 36px) 0,100% 50%,calc(100% - 36px) 100%,0 100%)}}.drye-mechanism-nav__track[data-step="1"] .drye-mechanism-nav__fill{width:33.33%}.drye-mechanism-nav__track[data-step="2"] .drye-mechanism-nav__fill{width:66.66%}.drye-mechanism-nav__track[data-step="3"] .drye-mechanism-nav__fill{width:100%}.drye-mechanism-nav__steps{position:relative;z-index:2;display:flex;align-items:stretch;width:100%;height:100%}.drye-mechanism-nav__step{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;padding:0 8px;font-family:var(--font-body);color:var(--deep);text-align:center;cursor:pointer;transition:color .35s ease,opacity .35s ease}.drye-mechanism-nav__step:focus-visible{outline:2px solid var(--emerald);outline-offset:-4px}.drye-mechanism-nav__step-num{font-family:var(--font-display);font-size:18px;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1;transition:color .35s ease}.drye-mechanism-nav__step-label{display:none;font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.05em;line-height:1;text-transform:uppercase;transition:color .35s ease}@media(min-width:480px){.drye-mechanism-nav__step-label{display:inline-block}}@media(min-width:768px){.drye-mechanism-nav__step-num{font-size:24px}.drye-mechanism-nav__step-label{font-size:13px}}.drye-mechanism-nav__step.is-pending{color:var(--deep)}.drye-mechanism-nav__step.is-pending .drye-mechanism-nav__step-num{color:var(--caption)}.drye-mechanism-nav__step.is-pending:hover .drye-mechanism-nav__step-num{color:var(--emerald)}.drye-mechanism-nav__step.is-passed{color:#fff9}.drye-mechanism-nav__step.is-passed .drye-mechanism-nav__step-num{color:#ffffff80}.drye-mechanism-nav__step.is-active,.drye-mechanism-nav__step.is-active .drye-mechanism-nav__step-num{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/112/assets/drye-mechanism-nav.css.map */