.vanyo-header__nav{display:inline-block}@media screen and (max-width:989px){.vanyo-header__nav{display:none}}@media screen and (min-width:990px){.header--vanyo-menu-left,.header--vanyo-menu-center,.header--vanyo-menu-right{grid-template-areas:"heading navigation icons";grid-template-columns:auto 1fr auto;column-gap:2rem}.header--vanyo-menu-left .vanyo-header__nav,.header--vanyo-menu-center .vanyo-header__nav,.header--vanyo-menu-right .vanyo-header__nav,.header--vanyo-menu-below .vanyo-header__nav{grid-area:navigation}.header--vanyo-menu-left .vanyo-header__nav{justify-self:start}.header--vanyo-menu-center{grid-template-columns:1fr auto 1fr}.header--vanyo-menu-center .vanyo-header__nav{justify-self:center}.header--vanyo-menu-center .header__icons,.header--vanyo-menu-right .vanyo-header__nav{justify-self:end}.header--vanyo-menu-below{grid-template-areas:"heading icons" "navigation navigation";grid-template-columns:1fr auto;row-gap:0}.header--vanyo-menu-below .vanyo-header__nav{justify-self:center;border-top:1px solid var(--v-line, #D8DDDF);width:100%;text-align:center}.header--vanyo-menu-below .vanyo-header__menu-list{justify-content:center}}.vanyo-header__menu-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.vanyo-header__menu-item-wrapper{position:relative}.vanyo-header__menu-link{position:relative;display:inline-flex;align-items:center;gap:.375rem;font-family:var(--v-font-body, "IBM Plex Sans", sans-serif);font-weight:500;font-size:16px;color:var(--v-ink, #171A1C);text-decoration:none;padding:.625rem .875rem;background:none;border:none;border-radius:4px;cursor:pointer;transition:color .16s ease-out}.vanyo-header__menu-link:hover,.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-header__menu-link,.vanyo-mega-menu-disclosure[open]>.vanyo-header__menu-link{color:var(--v-primary, #2563EB)}.vanyo-header__menu-link-title{color:inherit;text-decoration:none;font:inherit}.vanyo-nav-label{vertical-align:bottom}.vanyo-nav-label__face{white-space:nowrap}.vanyo-header__menu-link--active{position:relative;color:var(--v-ink, #171A1C)}.vanyo-header__menu-link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;z-index:2;background-color:var(--v-marker, #D95B1E)}.vanyo-icon-caret{transition:transform .2s ease-out}.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-icon-caret,.vanyo-mega-menu-disclosure[open] .vanyo-icon-caret{transform:rotate(180deg)}.header-wrapper{position:relative}.vanyo-header__menu-item-wrapper--has-mega,.vanyo-mega-menu-disclosure{position:static}.vanyo-mega-menu__clip{position:absolute;top:100%;left:0;right:0;z-index:1000;overflow:hidden;padding-bottom:48px;margin-bottom:-48px;visibility:hidden;pointer-events:none;transition:visibility 0s linear .42s}.vanyo-mega-menu-disclosure>.vanyo-mega-menu__clip{display:block}.vanyo-mega-menu-disclosure::details-content{content-visibility:visible;block-size:auto}.vanyo-mega-menu__container{position:relative;width:auto;background-color:var(--v-white, #FFFFFF);border-top:1px solid var(--v-line, #D8DDDF);border-bottom:1px solid var(--v-line, #D8DDDF);box-shadow:0 16px 36px #171a1c14;padding:1.5rem 0;box-sizing:border-box;max-height:calc(85vh - 70px);overflow-y:auto;transform:translateY(-102%);transition:transform .42s cubic-bezier(.7,0,.2,1)}.vanyo-mega-menu__container::-webkit-scrollbar{width:6px}.vanyo-mega-menu__container::-webkit-scrollbar-track{background:var(--v-paper, #F6F7F6)}.vanyo-mega-menu__container::-webkit-scrollbar-thumb{background:var(--v-line, #D8DDDF);border-radius:3px}.vanyo-mega-menu__container::-webkit-scrollbar-thumb:hover{background:var(--v-steel, #59636B)}@media screen and (min-width:990px){.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-mega-menu__clip,.vanyo-header__menu-item-wrapper--has-mega:focus-within .vanyo-mega-menu__clip,.vanyo-mega-menu-disclosure[open] .vanyo-mega-menu__clip{visibility:visible;pointer-events:auto;transition-delay:0s}.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-mega-menu__container,.vanyo-header__menu-item-wrapper--has-mega:focus-within .vanyo-mega-menu__container,.vanyo-mega-menu-disclosure[open] .vanyo-mega-menu__container{transform:translateY(0)}}.vanyo-mega-menu__inner{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem);display:grid;grid-template-columns:260px 1fr;gap:2rem;box-sizing:border-box;min-height:420px}.vanyo-mega-menu__sidebar{display:flex;flex-direction:column;background-color:var(--v-paper, #F6F7F6);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;overflow:hidden;height:fit-content}.vanyo-mega-menu__tabs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.vanyo-mega-menu__tabs li{margin:0;padding:0}.vanyo-mega-menu__tab-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;font-family:var(--v-font-body, "IBM Plex Sans", sans-serif);font-size:15px;font-weight:500;color:var(--v-ink, #171A1C);background-color:var(--v-paper, #F6F7F6);border:none;border-bottom:1px solid var(--v-line, #D8DDDF);border-radius:0;text-align:left;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.vanyo-mega-menu__tabs li:last-child .vanyo-mega-menu__tab-btn{border-bottom:none}.vanyo-mega-menu__tab-btn:hover{background-color:#e6ece8;color:var(--v-ink, #171A1C)}.vanyo-mega-menu__tab-btn.is-active{background-color:#e2e7e4;color:var(--v-ink, #171A1C);font-weight:600}.vanyo-mega-menu__tab-chevron{font-size:18px;line-height:1;color:var(--v-steel, #59636B);transition:transform .15s ease-out,color .15s ease-out}.vanyo-mega-menu__tab-btn.is-active .vanyo-mega-menu__tab-chevron,.vanyo-mega-menu__tab-btn:hover .vanyo-mega-menu__tab-chevron{color:var(--v-ink, #171A1C);transform:translate(2px)}.vanyo-mega-menu__content-area{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.vanyo-mega-menu__panel{display:none}.vanyo-mega-menu__panel.is-active{display:block;animation:vanyoPanelFadeIn .18s ease-out}@keyframes vanyoPanelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vanyo-mega-menu__panel-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--v-line, #D8DDDF)}.vanyo-mega-menu__panel-title{font-family:var(--v-font-heading, "Archivo", sans-serif);font-weight:600;font-size:21px;color:var(--v-ink, #171A1C);margin:0 0 .25rem;letter-spacing:-.02em}.vanyo-mega-menu__panel-desc{font-family:var(--v-font-body, "IBM Plex Sans", sans-serif);font-size:15px;line-height:1.55;color:var(--v-steel, #4B5563);margin:0}.vanyo-mega-menu__see-all{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:13px;font-weight:500;color:var(--v-teal, #0B7A6E);text-decoration:none;white-space:nowrap;transition:color .15s ease-out}.vanyo-mega-menu__see-all:hover{color:var(--v-marker-ink, #B34715);text-decoration:underline}.vanyo-mega-menu__spool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;max-width:92%}.vanyo-spool-card{display:flex;flex-direction:column;background-color:var(--v-white, #FFFFFF);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .15s ease-out}.vanyo-spool-card:hover{border-color:var(--v-steel, #59636B)}.vanyo-spool-card__image-wrapper{position:relative;aspect-ratio:1 / 1;background-color:var(--v-paper, #F6F7F6);display:flex;align-items:center;justify-content:center;padding:.875rem}.vanyo-spool-card__img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out}.vanyo-spool-card:hover .vanyo-spool-card__img{transform:scale(1.04)}.vanyo-spool-card__image-wrapper .v-chip{position:absolute;top:.5rem;left:.5rem;background:#ffffffeb}.vanyo-spool-card__body{padding:.75rem .875rem;display:flex;flex-direction:column;gap:.25rem}.vanyo-spool-card__title{font-family:var(--v-font-heading, "Archivo", sans-serif);font-weight:600;font-size:15px;color:var(--v-ink, #171A1C);margin:0;line-height:1.3}.vanyo-spool-card__spec{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:12px;letter-spacing:-.02em;color:var(--v-steel, #4B5563);margin:0}.vanyo-mega-menu__banner{margin-top:1.25rem;padding:.75rem 1rem;background-color:var(--v-paper, #F6F7F6);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.vanyo-mega-menu__banner-info{display:flex;align-items:center;gap:.75rem}.vanyo-mega-menu__banner-text{font-family:var(--v-font-body, "IBM Plex Sans", sans-serif);font-size:14px;color:var(--v-ink, #171A1C)}.vanyo-mega-menu__banner-link{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:13px;font-weight:500;color:var(--v-marker-ink, #B34715);text-decoration:none;white-space:nowrap}.vanyo-mega-menu__banner-link:hover{text-decoration:underline}@media screen and (max-width:1199px){.vanyo-mega-menu__spool-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:989px){.vanyo-mega-menu__inner{grid-template-columns:1fr;gap:1rem}.vanyo-mega-menu__sidebar{display:none}.vanyo-mega-menu__spool-grid{grid-template-columns:repeat(2,1fr);max-width:100%}}.vanyo-mega-menu__tabs li,.vanyo-mega-menu__spool-grid>*{--v-stagger: .36s;opacity:0;transform:translate(12px);transition:opacity .5s cubic-bezier(.075,.82,.165,1),transform .5s cubic-bezier(.075,.82,.165,1),border-color .15s ease-out;transition-delay:0s}.vanyo-mega-menu__tabs li:nth-child(1),.vanyo-mega-menu__spool-grid>:nth-child(1){--v-stagger: .12s}.vanyo-mega-menu__tabs li:nth-child(2),.vanyo-mega-menu__spool-grid>:nth-child(2){--v-stagger: .18s}.vanyo-mega-menu__tabs li:nth-child(3),.vanyo-mega-menu__spool-grid>:nth-child(3){--v-stagger: .24s}.vanyo-mega-menu__tabs li:nth-child(4),.vanyo-mega-menu__spool-grid>:nth-child(4){--v-stagger: .3s}.vanyo-mega-menu__tabs li:nth-child(5),.vanyo-mega-menu__spool-grid>:nth-child(5){--v-stagger: .36s}@media screen and (min-width:990px){.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-mega-menu__tabs li,.vanyo-header__menu-item-wrapper--has-mega:focus-within .vanyo-mega-menu__tabs li,.vanyo-mega-menu-disclosure[open] .vanyo-mega-menu__tabs li,.vanyo-header__menu-item-wrapper--has-mega:hover .vanyo-mega-menu__spool-grid>*,.vanyo-header__menu-item-wrapper--has-mega:focus-within .vanyo-mega-menu__spool-grid>*,.vanyo-mega-menu-disclosure[open] .vanyo-mega-menu__spool-grid>*{opacity:1;transform:translate(0);transition-delay:var(--v-stagger)}}@media(prefers-reduced-motion:reduce){.vanyo-mega-menu__clip,.vanyo-mega-menu__container,.vanyo-header__menu-link,.vanyo-mega-menu__tabs li,.vanyo-mega-menu__spool-grid>*{transition:none!important}.vanyo-mega-menu__container{transform:none}.vanyo-mega-menu__tabs li,.vanyo-mega-menu__spool-grid>*{opacity:1;transform:none}}@media screen and (min-width:990px)and (max-width:1279px){.header--vanyo-menu-left,.header--vanyo-menu-center,.header--vanyo-menu-right{column-gap:1.2rem;padding-inline:2.4rem}.vanyo-header__menu-list{gap:.125rem}.vanyo-header__menu-link{padding-inline:.375rem}}@media screen and (min-width:990px)and (max-width:1099px){.header--vanyo-menu-left,.header--vanyo-menu-center,.header--vanyo-menu-right{column-gap:.6rem;padding-inline:1rem}.vanyo-header__menu-link{padding-inline:.1875rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/vanyo-mega-menu.css.map */