:root{--mega-tint: color-mix(in srgb, var(--dtby-cream) 55%, #fff)}@media screen and (min-width:990px){.header__inline-menu li:has(>header-menu [data-mega-menu]),.header__inline-menu header-menu:has([data-mega-menu])>details{position:static}.mega-menu{position:absolute;left:0;right:0;top:100%;z-index:5;background:rgb(var(--color-background));border-top:1px solid var(--dtby-border);box-shadow:0 18px 28px -18px #12121247;color:var(--dtby-ink);cursor:default;outline:none}details[open]>.mega-menu{animation:megaMenuIn .18s ease both}details:not([open])>.mega-menu{display:none}.mega-menu p{margin:0}.mega-menu a{text-decoration:none;color:inherit}.mega-menu__inner{box-sizing:border-box;max-width:calc(var(--dtby-wrap) + 2 * var(--dtby-gutter));margin:0 auto;padding:22px var(--dtby-gutter) 22px;display:grid;grid-template-columns:300px 1px repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:24px;align-items:start}.mega-menu__eyebrow{font-size:var(--dtby-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:20px;color:var(--dtby-copper);white-space:nowrap;margin-bottom:10px}.mega-menu__eyebrow--shop{grid-column:3 / 5;grid-row:1}.mega-menu__feature{position:relative;grid-column:1;grid-row:1 / 4;display:grid;grid-template-rows:subgrid;align-self:stretch}.mega-menu__feature-media{position:relative;min-height:0;background:var(--mega-tint);overflow:hidden;isolation:isolate}.mega-menu__feature-media .mega-menu__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mega-menu__feature-text{padding-top:10px;display:flex;flex-direction:column}.mega-menu__feature-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.mega-menu__feature-name{font-size:17px;line-height:1.2;font-weight:700;white-space:nowrap}.mega-menu__price{font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap}.mega-menu__feature-meta{font-size:var(--dtby-small);line-height:1.25;color:var(--dtby-muted);white-space:nowrap}.mega-menu a.mega-menu__cta,.mega-menu a.mega-menu__all{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1.2;font-weight:700;color:var(--dtby-copper);white-space:nowrap}.mega-menu a.mega-menu__all:hover,.mega-menu a.mega-menu__all:focus-visible,.mega-menu__feature:hover a.mega-menu__cta,.mega-menu a.mega-menu__cta:focus-visible{color:var(--dtby-copper-dark)}.mega-menu a.mega-menu__cta{align-self:flex-start;margin-top:2px;padding:0}.mega-menu__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.mega-menu a.mega-menu__all{grid-column:5 / 7;grid-row:1;justify-self:end;margin-bottom:10px;padding:0}.mega-menu__cta>span:first-child,.mega-menu__all>span:first-child{text-underline-offset:4px;text-decoration-thickness:1px}.mega-menu__feature:hover .mega-menu__cta>span:first-child,.mega-menu__cta:focus-visible>span:first-child,.mega-menu__all:hover>span:first-child,.mega-menu__all:focus-visible>span:first-child{text-decoration-line:underline}.mega-menu__all:focus-visible{outline:2px solid var(--dtby-copper-dark);outline-offset:4px}.mega-menu__cta:focus-visible{outline:none}.mega-menu__feature:has(.mega-menu__cta:focus-visible){outline:2px solid var(--dtby-copper-dark);outline-offset:6px}.mega-menu__rule{grid-column:2;grid-row:1 / 4;align-self:stretch;background:var(--dtby-border)}.mega-menu__tiles{list-style:none;margin:0;padding:0;grid-column:3 / 7;grid-row:2 / 4;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.mega-menu__tiles>li{display:contents}.mega-menu__tile{grid-row:1 / 3;display:grid;grid-template-rows:subgrid}.mega-menu__tile:focus-visible{outline:2px solid var(--dtby-copper-dark);outline-offset:6px}.mega-menu__tile-media{display:block;position:relative;aspect-ratio:4 / 5;background:var(--mega-tint);overflow:hidden;isolation:isolate}.mega-menu__tile-media .mega-menu__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .2s ease}.mega-menu__tile:hover .mega-menu__img,.mega-menu__tile:focus-visible .mega-menu__img{transform:scale(1.03)}.mega-menu__tile-label{display:block;padding-top:10px}.mega-menu__tile-name{display:block;font-size:16px;line-height:1.4;font-weight:700;white-space:nowrap}.mega-menu__tile:hover .mega-menu__tile-name,.mega-menu__tile:focus-visible .mega-menu__tile-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.mega-menu__tile-count{display:block;font-size:var(--dtby-small);line-height:1.5;color:var(--dtby-muted);white-space:nowrap}}@media screen and (min-width:990px)and (max-width:1119px){.mega-menu__inner{grid-template-columns:236px 1px repeat(4,minmax(0,1fr));column-gap:18px}.mega-menu__feature-meta{font-size:14px}.mega-menu__meta-size{display:none}.mega-menu__tile-name{font-size:15px}}@media screen and (min-width:990px){.header__inline-menu .mega-menu-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#1212122e;opacity:0;pointer-events:none;transition:opacity .15s ease}.header__inline-menu:has(details[open]>.mega-menu) .mega-menu-scrim{opacity:1;pointer-events:auto}}@media screen and (max-width:989px){.mega-menu-scrim{display:none}}@keyframes megaMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){details[open]>.mega-menu{animation:none}.mega-menu-scrim,.mega-menu__tile-media .mega-menu__img{transition:none}.mega-menu__tile:hover .mega-menu__img,.mega-menu__tile:focus-visible .mega-menu__img{transform:none}}@media screen and (max-width:989px){.mega-menu{display:none}}.menu-drawer .menu-drawer__navigation{padding-top:6px;padding-bottom:8px}.menu-drawer{max-width:100vw}.menu-drawer .menu-drawer__navigation{width:100%;min-width:0;box-sizing:border-box;overflow-x:clip}.mega-drawer__row,.mega-drawer__all{display:flex;align-items:center;gap:14px;box-sizing:border-box;padding:6px 20px;min-height:64px;color:var(--dtby-ink);text-decoration:none}.mega-drawer__row--feature{min-height:84px;background:color-mix(in srgb,var(--dtby-cream) 40%,#fff)}.mega-drawer__row:hover,.mega-drawer__all:hover{background:#1212120a}.mega-drawer__row:focus-visible,.mega-drawer__all:focus-visible{outline:2px solid var(--dtby-copper-dark);outline-offset:-3px}.mega-drawer__thumb{flex:none;display:block;position:relative;width:56px;height:56px;border-radius:2px;background:var(--mega-tint);overflow:hidden;isolation:isolate}.mega-drawer__thumb--feature{width:72px;height:72px;background:var(--dtby-cream)}.mega-drawer__thumb .mega-menu__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;display:block}.mega-drawer__thumb--feature .mega-menu__img{object-fit:cover;object-position:50% 72%;transform:scale(1.7);transform-origin:50% 88%}.mega-drawer__text{display:flex;flex-direction:column;min-width:0}.mega-drawer__eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dtby-copper);white-space:nowrap;line-height:1.4}.mega-drawer__name{font-size:17px;font-weight:700;line-height:1.3;white-space:nowrap}.mega-drawer__sub{font-size:15px;line-height:1.4;color:var(--dtby-muted);white-space:nowrap}.mega-drawer__all{min-height:44px;padding-top:0;padding-bottom:0;justify-content:space-between;font-size:17px;font-weight:700;color:var(--dtby-copper-dark)}.mega-drawer__sep{list-style:none;height:1px;margin:2px 20px 4px;background:var(--dtby-border)}.menu-drawer__menu>li:has(.mega-drawer__row,.mega-drawer__all){margin-bottom:0}@media screen and (max-width:359px){.mega-drawer__row,.mega-drawer__all{padding-left:16px;padding-right:16px;gap:12px}.mega-drawer__thumb--feature{width:60px;height:60px}.mega-drawer__eyebrow{font-size:12px;letter-spacing:.1em}.mega-drawer__name{font-size:16px}.mega-drawer__sub{font-size:14px}}.menu-drawer__menu .menu-drawer__menu-item{padding-top:11px;padding-bottom:11px;padding-left:20px;min-height:48px;font-size:17px}@media screen and (min-width:750px){.menu-drawer__menu:has(.mega-drawer__li--coll){display:grid;grid-template-columns:1fr 1fr}.menu-drawer__menu:has(.mega-drawer__li--coll)>li{grid-column:1 / -1}.menu-drawer__menu:has(.mega-drawer__li--coll)>li.mega-drawer__li--coll{grid-column:auto}.mega-drawer__li--coll .mega-drawer__row{padding-right:8px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/mega-menu.css.map */