.mw-brand-flyout{display:grid;grid-template-columns:minmax(0,1fr) 3.2rem;position:relative}.mw-brand-flyout>details{position:static}.header__submenu .mw-brand-flyout__link{min-width:0;padding-right:.8rem}.header__submenu .mw-brand-flyout__trigger{width:100%;height:100%;min-height:3.6rem;justify-content:center;padding:.8rem}.header__submenu .mw-brand-flyout__trigger .icon-caret{margin:0}.mw-brand-flyout .mw-brand-flyout__trigger .icon-caret{transform:rotate(-90deg)}.mw-brand-flyout>details[open]>.mw-brand-flyout__trigger{background:rgba(var(--color-foreground),.05)}.mw-brand-flyout__panel{position:absolute;left:100%;top:var(--mw-panel-top, 0px);width:48rem;max-width:calc(100vw - 3.2rem);max-height:calc(100dvh - 12rem);overflow-y:auto;overscroll-behavior:contain;padding:2.4rem;z-index:10;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);box-shadow:0 1rem 3rem #0000001f}.mw-brand-flyout[data-side=left] .mw-brand-flyout__panel{left:auto;right:100%}.mw-brand-flyout[data-side=left] .mw-brand-flyout__trigger .icon-caret{transform:rotate(90deg)}.mw-brand-products__heading{display:inline-block;margin:0 0 1.8rem;color:inherit;font-size:1.8rem;font-weight:700;text-decoration:none}.mw-brand-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding:0;margin:0;list-style:none}.mw-brand-products__card{display:flex;flex-direction:column;gap:.8rem;height:100%;color:inherit;text-decoration:none}.mw-brand-products__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:rgba(var(--color-foreground),.025);border-radius:inherit}.mw-brand-products__title{font-size:1.3rem;line-height:1.4;letter-spacing:normal}.mw-brand-products__price{font-size:1.2rem;line-height:1.4;letter-spacing:normal;opacity:.75}.mw-brand-products__card:hover .mw-brand-products__title{text-decoration:underline;text-underline-offset:.3rem}.mw-brand-products__all.button{--color-button: var(--color-base-accent-1);--color-button-text: var(--color-base-solid-button-labels);display:inline-flex;margin-top:2rem;max-width:100%;padding:1rem 2.4rem;font-size:1.3rem;line-height:1.4;text-align:center;text-decoration:none;color:rgb(var(--color-button-text))}.mw-brand-products__links{margin:1.6rem 0 0;padding:0;list-style:none}.mw-brand-products__links a{display:inline-block;padding:.6rem 0;color:inherit}.mw-brand-mobile__panel{overflow-y:auto}.mw-brand-mobile__content{padding:1rem 2.4rem 3rem}.mw-brand-mobile .mw-brand-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-brand-products a:focus-visible,.mw-brand-flyout__trigger:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.mw-brand-flyout .mw-brand-flyout__trigger .icon-caret{transition:transform .18s ease}.mw-brand-flyout>details[open]>.mw-brand-flyout__trigger .icon-caret{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.mw-brand-flyout .mw-brand-flyout__trigger .icon-caret{transition:none}}.mw-brand-products__image-frame{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden}.mw-brand-products__image-frame .mw-brand-products__image{height:100%;transition:opacity .18s ease}.mw-brand-products__image-frame .mw-brand-products__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.mw-brand-products__card:hover .mw-brand-products__image-frame--swap .mw-brand-products__image--primary,.mw-brand-products__card:focus-visible .mw-brand-products__image-frame--swap .mw-brand-products__image--primary{opacity:0}.mw-brand-products__card:hover .mw-brand-products__image--secondary,.mw-brand-products__card:focus-visible .mw-brand-products__image--secondary{opacity:1}}@media(prefers-reduced-motion:reduce){.mw-brand-products__image-frame .mw-brand-products__image{transition:none}}.header__submenu a.header__menu-item:hover,.header__submenu a.header__menu-item:focus-visible,.menu-drawer a.menu-drawer__menu-item:hover,.menu-drawer a.menu-drawer__menu-item:focus-visible{text-decoration:underline;text-underline-offset:.3rem}.mw-brand-mobile{display:grid;grid-template-columns:minmax(0,1fr) 4.8rem}.mw-brand-mobile__details{position:static}.menu-drawer .mw-brand-mobile__link{min-width:0;padding-right:1.2rem}.menu-drawer summary.mw-brand-mobile__trigger{height:100%;min-height:4.8rem;padding:1.1rem 2.4rem 1.1rem 0;justify-content:center}.menu-drawer .mw-brand-mobile__trigger>.icon-arrow{position:static;transform:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mythworks-brand-flyout.css.map */