.menu-drawer{width:min(92vw,420px)!important;max-width:420px!important;background:var(--color-bg)!important;box-shadow:0 12px 32px #0a0a0a1f!important;border-right:1px solid var(--color-border)!important}.menu-drawer__backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0a0a0a80!important}.menu-drawer .menu-drawer__close-button{position:absolute!important;top:4px!important;right:4px!important;width:44px!important;height:44px!important;padding:0!important;color:var(--color-fg)!important;background:transparent!important;border:none!important;z-index:2}.menu-drawer .menu-drawer__close-button svg{width:20px!important;height:20px!important}.menu-drawer>.menu-drawer__close-button{display:none!important}.menu-drawer .menu-drawer__navigation{padding:0!important;margin-top:0!important}.menu-drawer .menu-drawer__menu{padding-inline:0!important}.menu-drawer .menu-drawer__menu-item--mainlist{font-family:var(--font-display)!important;font-size:var(--fs-md)!important;font-weight:600!important;letter-spacing:var(--tracking-tight)!important;text-transform:none!important;color:var(--color-fg)!important;padding:var(--space-3) var(--space-4)!important;min-height:56px!important;justify-content:space-between!important}.menu-drawer .menu-drawer__menu-item--mainlist:hover{color:var(--color-accent)!important;background:#0a0a0a08}.menu-drawer .menu-drawer__menu-item--mainlist .icon-plus,.menu-drawer .menu-drawer__menu-item--mainlist .svg-wrapper{width:18px!important;height:18px!important;padding:0!important;color:var(--color-fg-muted, rgba(10, 10, 10, .55))!important}.menu-drawer .menu-drawer__menu--childlist{padding-block-start:0!important;padding-block-end:var(--space-3)!important;padding-inline:var(--space-4)!important;background:var(--color-bg-subtle, #f7f7f4)}.menu-drawer .menu-drawer__menu-item--child,.menu-drawer .menu-drawer__menu-item--parent{font-family:var(--font-display)!important;font-size:var(--fs-base)!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--color-fg)!important;padding:var(--space-2) 0!important;min-height:40px!important}.menu-drawer .menu-drawer__menu-item--child:hover,.menu-drawer .menu-drawer__menu-item--parent:hover{color:var(--color-accent)!important}.menu-drawer .menu-drawer__list-item--divider{border-block-end:1px solid var(--color-border)!important}.menu-drawer .menu-drawer__menu>.menu-drawer__list-item--divider:last-child{border-block-end:none!important}.menu-drawer accordion-custom{display:block!important;width:100%!important}.menu-drawer accordion-custom>details>summary::-webkit-details-marker{display:none!important}.menu-drawer .menu-drawer__utility-links,.menu-drawer drawer-localization-component,.menu-drawer .menu-drawer__localization{display:none!important}.header .header__icon--menu,.header .menu-drawer-container>summary.header__icon--summary{padding:0!important;width:44px!important;height:44px!important;color:var(--color-fg)!important}.header .header__icon--menu .header-drawer-icon,.header .menu-drawer-container>summary .header-drawer-icon{width:22px!important;height:22px!important}.header .header__icon--menu .header-drawer-icon svg,.header .menu-drawer-container>summary .header-drawer-icon svg{width:22px!important;height:22px!important}@media(min-width:1024px){.menu-drawer-container{display:none!important}}.tg-drawer-extras__direct-links{list-style:none;padding:0;margin:0}.tg-drawer-extras__direct-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--fs-md);font-weight:500;letter-spacing:var(--tracking-tight);color:var(--color-fg);text-decoration:none;border-bottom:1px solid var(--color-border)}.tg-drawer-extras__direct-link svg{width:18px;height:18px;color:var(--color-fg-muted, rgba(10, 10, 10, .55))}.tg-drawer-extras__accordion{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.tg-drawer-extras__accordion-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none}.tg-drawer-extras__accordion-summary::-webkit-details-marker{display:none}.tg-drawer-extras__accordion-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--color-fg)}.tg-drawer-extras__accordion-chevron{width:16px;height:16px;color:var(--color-fg-muted, rgba(10, 10, 10, .55));transition:transform var(--dur-base) var(--ease-out)}.tg-drawer-extras__accordion[open] .tg-drawer-extras__accordion-chevron{transform:rotate(180deg)}.tg-drawer-extras__brand-tiles{list-style:none;padding:0 var(--space-3) var(--space-4);margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.tg-drawer-extras__brand-tile{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-subtle, #f4f4f0);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none}.tg-drawer-extras__brand-tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.tg-drawer-extras__brand-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0a0a00 40%,#0a0a0a9e)}.tg-drawer-extras__brand-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,var(--color-bg-subtle, #f4f4f0) 0%,#e8e8e2 100%)}.tg-drawer-extras__brand-tile-label{position:absolute;inset:auto var(--space-2) var(--space-2) var(--space-2);z-index:2;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-fg);line-height:1.1}.tg-drawer-extras__brand-tile[data-has-image=true] .tg-drawer-extras__brand-tile-label{color:var(--color-bg)}.tg-drawer-extras__featured{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--color-fg);color:var(--color-bg);text-decoration:none;margin:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-sm)}.tg-drawer-extras__featured-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 20% 0%,rgba(20,83,45,.5) 0%,transparent 60%),linear-gradient(180deg,var(--color-fg) 0%,#1a1a1a 100%)}.tg-drawer-extras__featured-copy{position:absolute;top:auto;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);min-width:0;display:flex;flex-direction:column;gap:2px}.tg-drawer-extras__featured-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent)}.tg-drawer-extras__featured-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-bg);min-width:0;white-space:normal;overflow-wrap:anywhere}.tg-drawer-extras__featured-body{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-bg);opacity:.85;margin-top:var(--space-1);min-width:0;white-space:normal;overflow-wrap:anywhere}.tg-drawer-extras__featured-cta{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-bg)}.tg-drawer-extras__footer{margin-top:0;padding:var(--space-4) var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;gap:var(--space-3)}.tg-drawer-extras__footer-link{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg);text-decoration:none}.menu-drawer .menu-drawer__featured-content{display:none!important}.tg-drawer-extras__header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.tg-drawer-extras__wordmark{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg);text-decoration:none}.tg-drawer-extras__wordmark:hover{color:var(--color-accent)}.tg-drawer-extras__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-end:calc(var(--space-2) * -1);background:transparent;border:none;cursor:pointer;color:var(--color-fg);padding:0}.tg-drawer-extras__close svg{width:20px;height:20px}.menu-drawer details>.menu-drawer__submenu{position:static!important;width:100%!important;height:auto!important;background:transparent!important;transform:none!important;visibility:visible!important;opacity:1!important;overflow:visible!important;padding:0!important;z-index:auto!important}.menu-drawer details>.menu-drawer__submenu .menu-drawer__inner-submenu{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important}.menu-drawer details>.menu-drawer__submenu .menu-drawer__nav-buttons{display:none!important}.menu-drawer .menu-drawer__menu--childlist{display:block!important;padding:0!important;margin:0!important;list-style:none!important}.menu-drawer__list-item--flat>.menu-drawer__menu-item--parent{display:block!important;font-family:var(--font-mono)!important;font-size:var(--fs-xs)!important;font-weight:600!important;letter-spacing:var(--tracking-wide)!important;text-transform:uppercase!important;color:var(--color-fg-muted, rgba(10, 10, 10, .55))!important;text-decoration:none!important;padding:var(--space-3) var(--space-4) var(--space-1)!important;min-height:auto!important}.menu-drawer__list-item--flat>.menu-drawer__menu-item--parent:hover{color:var(--color-fg)!important}.menu-drawer__list-item--flat>.menu-drawer__menu--grandchildlist{display:block!important;list-style:none!important;padding:0 var(--space-4) var(--space-3)!important;margin:0!important;width:100%!important;align-self:stretch!important}.menu-drawer__list-item--flat>.menu-drawer__menu--grandchildlist>li{margin:0!important;min-height:auto!important;display:list-item!important}.menu-drawer__list-item--flat>.menu-drawer__menu--grandchildlist>li>.menu-drawer__menu-item--child{display:block!important;padding:var(--space-1) 0!important;font-family:var(--font-display)!important;font-size:var(--fs-base)!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--color-fg)!important;text-decoration:none!important;min-height:auto!important}.menu-drawer__list-item--flat>.menu-drawer__menu--grandchildlist>li>.menu-drawer__menu-item--child:hover{color:var(--color-accent)!important}.menu-drawer a[id*=-by-size]+.menu-drawer__menu--grandchildlist{display:grid!important;grid-template-columns:repeat(auto-fill,44px)!important;gap:4px!important;justify-content:center!important;padding:var(--space-2) var(--space-4) var(--space-3)!important}.menu-drawer a[id*=-by-size]+.menu-drawer__menu--grandchildlist>li{margin:0!important}.menu-drawer a[id*=-by-size]+.menu-drawer__menu--grandchildlist>li>.menu-drawer__menu-item--child{display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:1 / 1!important;width:44px!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;background:transparent!important;font-family:var(--font-display)!important;font-size:var(--fs-sm)!important;font-weight:700!important;letter-spacing:var(--tracking-tight)!important;color:var(--color-fg)!important;padding:0!important;text-align:center!important;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.menu-drawer a[id*=-by-size]+.menu-drawer__menu--grandchildlist>li>.menu-drawer__menu-item--child:hover{border-color:var(--color-fg)!important;background:var(--color-bg-subtle, #f4f4f0)!important;color:var(--color-fg)!important}.menu-drawer{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable}.menu-drawer summary .icon-caret--forward svg{transition:transform var(--dur-base, .2s) var(--ease-out, ease)}.menu-drawer details[open]>summary .icon-caret--forward svg{transform:rotate(0)}.menu-drawer__list-item--flat>a[id$=-shop-by-size]:after{content:"";font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-muted, rgba(10, 10, 10, .55));margin-inline-start:var(--space-2)}.menu-drawer a[id=HeaderDrawer-mens-shop-by-size]:after{content:"US Men's"}.menu-drawer a[id=HeaderDrawer-womens-shop-by-size]:after{content:"US Women's"}.menu-drawer a[id=HeaderDrawer-kids-shop-by-size]:after{content:"Grade School (3.5Y \2013  7Y)"}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tg-drawer.css.map */