.shine-nav{width:100%}.header__menu>.shine-nav__list{align-items:center;column-gap:clamp(12px,1.4vw,24px);justify-content:space-between;width:100%;margin:0;padding:0}.shine-nav__item{list-style:none}.shine-nav__summary{position:relative;z-index:3;list-style:none}.shine-nav__summary::-webkit-details-marker{display:none}.shine-nav__trigger,.shine-nav__link{position:relative;z-index:3;display:inline-flex;min-height:2.75rem;align-items:center;gap:.38rem;padding-inline:0;color:#1d1922;font-family:var(--font-navigation-family);font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer}.shine-nav__summary:hover .shine-nav__trigger,.shine-nav__summary[open] .shine-nav__trigger,.shine-nav__link:hover,.shine-nav__link:focus-visible{color:#5a2fd0}.shine-nav__trigger .icon{width:.65rem;height:.65rem;transition:transform .22s ease}.shine-nav__summary[open] .shine-nav__trigger .icon{transform:rotate(180deg)}.shine-nav__summary:focus-visible,.shine-nav__link:focus-visible,.shine-mega a:focus-visible,.shine-dropdown a:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}.shine-mega{color:#1d1922}.shine-mega__panel{border-top:1px solid rgba(29,25,34,.08);background:#fbfafc;box-shadow:0 26px 70px #16111e24}@media screen and (min-width:1024px){.shine-mega__panel{box-sizing:border-box;width:calc(100% - 48px);max-width:1440px;margin-inline:auto}}.shine-mega__inner{--shine-mega-square: clamp(182px, 16vw, 250px);--shine-mega-portrait: clamp(146px, 12.8vw, 200px);--shine-mega-dense: clamp(168px, 14.7vw, 230px);--shine-mega-side: clamp(24px, 2.5vw, 48px);--shine-mega-gap: clamp(16px, 1.25vw, 24px);--shine-mega-text: clamp(160px, 14.5vw, 220px);--shine-mega-text-wide: clamp(180px, 16vw, 240px);box-sizing:border-box;display:grid;width:calc(100% - (var(--shine-mega-side) * 2));max-width:1440px;margin-inline:auto;column-gap:var(--shine-mega-gap);padding-inline:0;padding-top:clamp(1.35rem,1.7vw,1.75rem);padding-bottom:clamp(1.5rem,2vw,2rem)}.shine-mega__inner--customize{grid-template-columns:repeat(2,var(--shine-mega-text)) minmax(0,1fr) repeat(3,var(--shine-mega-portrait))}.shine-mega__inner--shop,.shine-mega__inner--business{grid-template-columns:repeat(3,var(--shine-mega-text)) minmax(0,1fr) repeat(2,var(--shine-mega-square))}.shine-mega__inner--usb{grid-template-columns:repeat(2,var(--shine-mega-text-wide)) minmax(0,1fr) repeat(2,var(--shine-mega-square))}.shine-mega__inner--channel{grid-template-columns:repeat(2,var(--shine-mega-text-wide)) minmax(0,1fr) repeat(3,var(--shine-mega-dense))}.shine-mega__inner--customize>.shine-mega__column+.shine-mega__card,.shine-mega__inner--usb>.shine-mega__column+.shine-mega__card,.shine-mega__inner--channel>.shine-mega__column+.shine-mega__card{grid-column:4}.shine-mega__inner--shop>.shine-mega__column+.shine-mega__card,.shine-mega__inner--business>.shine-mega__column+.shine-mega__card{grid-column:5}.shine-mega__eyebrow{margin:0 0 1.15rem;color:#4b10c9;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.shine-mega__links{display:grid;gap:6px;margin:0;padding:0}.shine-mega__links li{list-style:none}.shine-mega__link{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;color:#1d1922;font-size:15px;font-weight:400;min-height:30px;line-height:1.4;text-decoration:none}.shine-mega__link:hover,.shine-mega__link:focus-visible{color:#5a2fd0}.shine-mega__link--priority{font-weight:600}.shine-mega__link--stock{align-items:flex-start}.shine-mega__link--stock>.shine-badge{margin-top:.04rem}.shine-badge{display:inline-flex;min-height:1.25rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;padding:.16rem .48rem .14rem;background:#d8f45b;color:#17151a;font-size:.58rem;font-weight:800;letter-spacing:.055em;line-height:1}.shine-badge--hot{background:#b42336;color:#fff}.shine-badge--dark{background:#6f4ee8;color:#fff}.shine-mega__card{position:relative;display:block;min-width:0;overflow:hidden;border-radius:8px;background:#241f29;color:#fff;text-decoration:none;isolation:isolate}.shine-mega__card:after{position:absolute;top:38%;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(180deg,transparent,rgba(12,9,15,.82));content:""}.shine-mega__card-image{display:block;width:100%;height:100%;min-height:0;border-radius:inherit;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.shine-mega__inner--customize>.shine-mega__card{width:100%;align-self:start;aspect-ratio:4 / 5}.shine-mega__inner--shop>.shine-mega__card,.shine-mega__inner--business>.shine-mega__card,.shine-mega__inner--usb>.shine-mega__card{width:100%;align-self:start;aspect-ratio:1 / 1}.shine-mega__inner--channel>.shine-mega__card{width:100%;align-self:start;aspect-ratio:1 / 1}.shine-mega__card:hover .shine-mega__card-image,.shine-mega__card:focus-visible .shine-mega__card-image{transform:scale(1.035)}.shine-mega__card-copy{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.shine-mega__card-kicker{display:block;margin-bottom:.3rem;color:#ffffffb8;font-size:.58rem;font-weight:700;letter-spacing:.15em;line-height:1;text-transform:uppercase}.shine-mega__card-title{display:block;font-size:clamp(.88rem,1.05vw,1.08rem);font-weight:600;letter-spacing:-.015em;line-height:1.2}.shine-mega__card-arrow{font-size:1.2rem;line-height:1;transition:transform .22s ease}.shine-mega__card:hover .shine-mega__card-arrow,.shine-mega__card:focus-visible .shine-mega__card-arrow{transform:translate(.22rem)}.shine-dropdown .dropdown__container{min-width:14rem;border:1px solid rgba(29,25,34,.08);background:#fbfafc;box-shadow:0 18px 45px #16111e21}.shine-dropdown__list{display:grid;gap:.35rem;margin:0;padding:1.15rem 1.25rem}.shine-dropdown__list li{list-style:none}.shine-dropdown__list a{display:block;padding:.35rem 0;color:#1d1922;font-size:15px;line-height:1.4;text-decoration:none}.shine-dropdown__list a:hover{color:#5a2fd0;text-decoration:none}.shine-drawer__menu{padding:0 1.25rem 2rem}.shine-drawer__item{border-bottom:1px solid rgba(29,25,34,.1)}.shine-drawer__summary,.shine-drawer__direct{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:rgb(var(--color-foreground));font-size:16px;font-weight:600;letter-spacing:.035em;line-height:1.2;list-style:none;text-decoration:none}.shine-drawer__summary::-webkit-details-marker{display:none}.shine-drawer__summary .icon{width:.85rem;height:.85rem;transition:transform .2s ease}.shine-drawer__details[open]>.shine-drawer__summary .icon{transform:rotate(180deg)}.shine-drawer__panel{display:grid;gap:1.2rem;padding:.25rem 0 1.35rem}.shine-drawer__group-title{margin:0 0 .6rem;color:#4b10c9;font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.shine-drawer__links{display:grid;gap:.65rem;margin:0;padding:0}.shine-drawer__links li{list-style:none}.shine-drawer__links a{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;color:rgb(var(--color-foreground));font-size:15px;min-height:32px;line-height:1.4;text-decoration:none}@media screen and (min-width:1200px){.header--left{--header-grid-template: "logo navigation icons" / clamp(176px, 14vw, 192px) minmax(0, 1fr) auto;column-gap:clamp(20px,2vw,36px);min-height:72px}.header--left .header__logo,.header--left .header__logo-link,.header--left .header__logo .logo{width:100%;max-width:100%!important}.header--left .header__navigation,.header--left .header__menu{width:100%;min-width:0}.header--left .header__icons{min-width:max-content;justify-self:end}}@media screen and (min-width:1200px)and (max-width:1359px){.header--left{padding-inline:32px;column-gap:20px}.shine-nav__trigger,.shine-nav__link{font-size:15px;gap:4px}}@media screen and (min-width:1024px)and (max-width:1199px){.header--left{--header-grid-template: "tools logo icons" / minmax(0, 1fr) auto minmax(0, 1fr)}.header--left .header__navigation{display:none}.header--left .header__icons--start,.header--left .header__icons--start .menu-drawer-button{display:flex}.header--left .header__icons--start .search-drawer-button,.header--left .header__icons--end .menu-drawer-button{display:none}.header--left .header__logo{margin-inline:auto}}@media(prefers-reduced-motion:reduce){.shine-nav__trigger:after,.shine-nav__link:after,.shine-nav__trigger .icon,.shine-mega__card-image,.shine-mega__card-arrow,.shine-drawer__summary .icon{transition:none}}@media screen and (max-width:639px){.js .menu-drawer.drawer--start .drawer__inner{inset:0 auto 0 0;width:min(88vw,360px);max-width:360px;height:100dvh;max-height:none;border-radius:0 20px 20px 0;transform:translate3d(-100%,0,0)}.js .menu-drawer.drawer--start[active]>.drawer__inner{transform:translateZ(0)}.js .menu-drawer.drawer--start .drawer__header:before{display:none}.js .menu-drawer.drawer--start[active]>.overlay{background:#11051d94}.menu-drawer.drawer--start .drawer__content{overscroll-behavior:contain}}.header__icons--end .cart-drawer-button{width:2.7rem;min-width:2.7rem;height:2.7rem;border:0;border-radius:.65rem;color:#25084f;background:transparent;box-shadow:none;transition:color .16s ease,transform .16s ease,background-color .16s ease}.header__icons--end .cart-drawer-button:hover{color:#5b47e8;background:#5b47e814;transform:translateY(-1px)}.header__icons--end .cart-drawer-button:focus-visible{outline:3px solid #ff2daa;outline-offset:3px}.header__icons--end .cart-drawer-button .icon{width:1.45rem;height:1.45rem;stroke-width:1.9}.header__icons--end .cart-drawer-button cart-count{top:-.05rem;right:-.05rem;display:grid;min-width:1.18rem;height:1.18rem;padding-inline:.22rem;place-items:center;border:2px solid #fff;border-radius:999px;color:#fff;background:#5b47e8;box-shadow:0 3px 8px #25084f47;font-size:.68rem;font-weight:800;line-height:1}.header__icons--end .cart-drawer-button cart-count[hidden]{display:none}@media screen and (min-width:1024px){.shine-nav__item>details[open]>.shine-nav__summary:before{position:absolute;top:100%;right:0;left:0;height:12px;content:""}.shine-nav__item>details[open]>:is(.shine-mega,.shine-dropdown){visibility:visible!important;opacity:1!important;pointer-events:auto!important}.shine-nav__item>details[open]>.shine-mega>.mega-menu__container,.shine-nav__item>details[open]>.shine-dropdown>.dropdown__container{visibility:visible!important;opacity:1!important;transform:translateY(0)!important}.shine-nav__item>details[open]:focus-within>:is(.shine-mega,.shine-dropdown){z-index:1}.shine-nav__item>details[open]:hover>:is(.shine-mega,.shine-dropdown){z-index:2}.shine-nav__item>details[open]:not(:hover):not(:focus-within)>:is(.shine-mega,.shine-dropdown),.shine-nav__item>details[open]:not(:hover):not(:focus-within)>.shine-mega>.mega-menu__container,.shine-nav__item>details[open]:not(:hover):not(:focus-within)>.shine-dropdown>.dropdown__container{visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media screen and (max-width:639px){.header__icons--end .cart-drawer-button{width:2.55rem;min-width:2.55rem;height:2.55rem}}.header--left .header__logo,.header--left .header__icons{position:relative;z-index:4}.header--left .header__logo .white-logo{max-width:100%;height:auto}.header .mega-menu__container.shine-mega__panel{border-radius:0}.shine-nav__trigger,.shine-nav__link{text-transform:uppercase;letter-spacing:0}.shine-mega__link,.shine-dropdown__link{font-size:13px;line-height:1.75;text-transform:none}.shine-mega__eyebrow{font-weight:600}@media screen and (min-width:1200px){.header--left .header__buttons{column-gap:8px}}@media screen and (min-width:1440px){.shine-nav__trigger,.shine-nav__link{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/shineneon-premium-header.css.map */