@font-face{font-family:Dotson Nav Maven;src:url(./dotson-maven-pro-variable.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}.dt-nav-header,.dt-nav-popup,.dt-nav-panel,.dt-nav-scope{box-sizing:border-box;--dt-nav-font: "Dotson Nav Maven", sans-serif;--dt-nav-blue: #6ec5ff;--dt-nav-text: #eeeeee;--dt-nav-disabled: #777777;--dt-nav-neutral-fill: linear-gradient(180deg, #272727, #0f0f0f);--dt-nav-neutral-rim: linear-gradient(135deg, #ffffffb0, #ffffff58 55%, #ffffff80);--dt-nav-selected-fill: linear-gradient(180deg, #294455, #101c25);--dt-nav-selected-rim: linear-gradient(135deg, #6ec5ff, #6ec5ff99 55%, #6ec5ffc0);--dt-nav-panel-fill: linear-gradient(180deg, #080808f2, #020202f7);--dt-nav-panel-rim: linear-gradient(135deg, #ffffff60, #ffffff20 55%, #ffffff2a);--dt-nav-reflection: linear-gradient(155deg, #ffffff17, #ffffff05 38%, #ffffff00);font-family:var(--dt-nav-font);font-synthesis:none;color:var(--dt-nav-text);color-scheme:dark}.dt-nav-header *,.dt-nav-popup *,.dt-nav-panel *,.dt-nav-scope *{box-sizing:border-box}.dt-nav-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;min-width:0}.dt-nav-brand{display:block;flex:0 1 360px;width:360px;max-width:100%;min-width:0;line-height:1;text-decoration:none}.dt-nav-brand img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}.dt-nav-tools{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px;margin-inline-start:auto}.dt-nav-desktop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;list-style:none;margin:16px 0 0;padding:0}.dt-nav-desktop>.dt-nav-row{flex:0 0 auto}.dt-nav-row{list-style:none;margin:0;padding:0;min-width:0}.dt-nav-pill{--dt-nav-pill-fill: var(--dt-nav-neutral-fill);--dt-nav-pill-rim: var(--dt-nav-neutral-rim);display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;min-height:48px;margin:0;padding:8px 14px;border:1.25px solid transparent;border-radius:999px;background:var(--dt-nav-reflection) padding-box,var(--dt-nav-pill-fill) padding-box,var(--dt-nav-pill-rim) border-box;box-shadow:none;color:var(--dt-nav-text);font-family:var(--dt-nav-font);font-size:14px;font-weight:400;font-style:normal;font-synthesis:none;line-height:1.45;letter-spacing:normal;text-transform:none;text-decoration:none;text-shadow:none;text-align:start;white-space:normal;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:#6ec5ff1e}.dt-nav-pill[aria-current=page],.dt-nav-pill[aria-pressed=true],.dt-nav-pill[data-selected=true]{--dt-nav-pill-fill: var(--dt-nav-selected-fill);--dt-nav-pill-rim: var(--dt-nav-selected-rim);border-width:1.5px}.dt-nav-pill:hover,.dt-nav-pill:active{color:var(--dt-nav-text);text-decoration:none;box-shadow:inset 0 0 0 1px #6ec5ffd9}.dt-nav-pill:focus-visible,.dt-nav-brand:focus-visible{outline:2px solid var(--dt-nav-blue);outline-offset:3px}.dt-nav-pill:disabled,.dt-nav-pill[aria-disabled=true]{color:var(--dt-nav-disabled);opacity:.6;cursor:default;box-shadow:none}.dt-nav-tools .dt-nav-pill,.dt-nav-desktop>.dt-nav-pill,.dt-nav-desktop>.dt-nav-row>.dt-nav-pill{width:auto;justify-content:center;white-space:nowrap}.dt-nav-trigger{display:none}.dt-nav-panel,.dt-nav-popup,.dt-nav-desktop .dt-nav-submenu[open]>.dt-nav-stack{border:1px solid transparent;border-radius:22px;padding:16px 16px 12px;background:var(--dt-nav-reflection) padding-box,var(--dt-nav-panel-fill) padding-box,var(--dt-nav-panel-rim) border-box;box-shadow:none}.dt-nav-popup{position:fixed;top:0;right:0;bottom:0;left:0;width:min(440px,calc(100vw - 24px));height:fit-content;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:hidden}.dt-nav-popup:popover-open{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dt-nav-popup::backdrop{background:#0008}.dt-nav-popup--anchored{inset:auto;top:var(--dt-nav-popup-top, 12px);left:var(--dt-nav-popup-left, 12px);margin:0;max-height:calc(100dvh - var(--dt-nav-popup-top, 12px) - 12px)}.dt-nav-title{margin:0;padding:0 0 6px;border:0;background:none;color:var(--dt-nav-blue);font-family:var(--dt-nav-font);font-synthesis:none;font-size:21px;font-weight:700;line-height:1.25;letter-spacing:normal;text-transform:none;text-shadow:none}.dt-nav-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777 #111;padding:3px;margin:-3px}.dt-nav-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;margin:0;padding:0;list-style:none}.dt-nav-close{justify-content:center;text-align:center;margin-top:6px}.dt-nav-submenu{position:relative;min-width:0;margin:0;padding:0;border:0;background:none}.dt-nav-submenu-trigger{list-style:none}.dt-nav-submenu-trigger::-webkit-details-marker{display:none}.dt-nav-submenu-trigger:after{content:"";flex:0 0 7px;width:7px;height:7px;margin-inline-start:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.dt-nav-submenu[open]>.dt-nav-submenu-trigger:after{transform:rotate(225deg) translate(-2px,-2px)}.dt-nav-submenu:not([open])>.dt-nav-stack{display:none}.dt-nav-submenu[open]>.dt-nav-stack{margin-top:6px;padding-inline-start:12px}.dt-nav-desktop .dt-nav-submenu[open]>.dt-nav-stack{position:absolute;z-index:1002;top:calc(100% + 6px);left:0;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);margin:0;overflow-y:auto;overscroll-behavior:contain}.dt-nav-desktop .dt-nav-row:last-child .dt-nav-submenu[open]>.dt-nav-stack{left:auto;right:0}@media(max-width:1050px){.dt-nav-desktop{display:none}.dt-nav-trigger{display:flex}.dt-nav-header-row{gap:10px 12px}.dt-nav-brand{flex:0 1 230px;width:230px;min-width:140px}}@media(max-width:420px){.dt-nav-header-row{column-gap:6px}.dt-nav-brand{flex-basis:clamp(140px,calc(57.142857vw - 42.857143px),200px);width:clamp(140px,calc(57.142857vw - 42.857143px),200px);min-width:140px;max-width:200px}.dt-nav-tools{gap:4px}.dt-nav-tools .dt-nav-pill{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.dt-nav-pill,.dt-nav-popup{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/dotson-app-navigation.css.map */