.supplies-menu{--supplies-teal: #2e494a;--supplies-red: #c10230;--supplies-mist: #edf2f2;--supplies-hover: #f2f6f6;--supplies-line: #e3eaea;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:repeat(var(--supplies-rows),auto) minmax(12px,1fr);row-gap:6px;border-radius:16px;background:#fff;color:var(--supplies-teal);font-family:Josefin Sans,sans-serif}.supplies-menu *{font-family:inherit}.supplies-menu__rail{grid-column:1;grid-row:1 / -1;border-right:1px solid var(--supplies-line)}.supplies-menu__section{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin:0 12px;padding:12px 12px 9px 16px;border-radius:10px;color:var(--supplies-teal);font-size:18px;line-height:1.2;text-decoration:none;transition:background-color .15s ease,color .15s ease}.supplies-menu__section:first-of-type{margin-top:12px}.supplies-menu__section svg{flex:none;margin-top:-3px;transition:opacity .15s ease,transform .15s ease}.supplies-menu__chevron{opacity:.5}.supplies-menu__go{opacity:0;transform:translate(-6px)}.supplies-menu__section:hover{background:var(--supplies-hover)}.supplies-menu__section[data-supplies-plain]:hover,.supplies-menu__section[data-supplies-plain]:focus-visible{color:var(--supplies-red)}.supplies-menu__section[data-supplies-plain]:hover .supplies-menu__go,.supplies-menu__section[data-supplies-plain]:focus-visible .supplies-menu__go{opacity:1;transform:none}.supplies-menu__section[aria-expanded=true]{background:var(--supplies-teal);color:#fff}.supplies-menu__section[aria-expanded=true] .supplies-menu__chevron{opacity:1}.supplies-menu__section[aria-current=page]:not([aria-expanded=true]){font-weight:600}.supplies-menu a:focus-visible{outline:2px solid var(--supplies-teal);outline-offset:2px;box-shadow:none}.supplies-menu__panel{grid-column:2;grid-row:1 / -1;padding:24px 36px 32px;transition:opacity .2s ease,transform .2s ease}.supplies-menu__panel[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}.supplies-menu__all{display:flex;align-items:center;gap:12px;width:fit-content;margin-bottom:20px;color:var(--supplies-teal);font-size:20px;font-weight:600;line-height:1.2;text-decoration:none;text-transform:capitalize;transition:color .15s ease}.supplies-menu__all-text{padding-top:3px}.supplies-menu__all-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fbe9ee;color:var(--supplies-red);transition:background-color .15s ease,color .15s ease,transform .15s ease}.supplies-menu__all:hover{color:var(--supplies-red)}.supplies-menu__all:hover .supplies-menu__all-icon{background:var(--supplies-red);color:#fff;transform:translate(3px)}.supplies-menu__list{margin:0;padding:0;list-style:none}.supplies-menu__list--rows{display:grid;margin:0 -6px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--supplies-list-rows),auto);grid-auto-flow:column;gap:4px 20px}.supplies-menu__list--cards{display:flex;gap:24px;margin:0 -10px}.supplies-menu__list--cards>li{flex:0 1 204px;min-width:0}.supplies-menu__item{display:flex;align-items:center;gap:14px;padding:6px 16px 6px 6px;border-radius:999px;color:var(--supplies-teal);text-decoration:none;transition:background-color .15s ease}.supplies-menu__card{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:10px 10px 14px;border-radius:20px;color:var(--supplies-teal);text-align:center;text-decoration:none;transition:background-color .15s ease}.supplies-menu__item:hover,.supplies-menu__card:hover{background:var(--supplies-hover)}.supplies-menu__photo{flex:none;display:block;overflow:hidden;border-radius:50%;background:var(--supplies-mist)}.supplies-menu__item .supplies-menu__photo{width:48px;height:48px}.supplies-menu__card .supplies-menu__photo{width:100%;max-width:184px;height:auto;aspect-ratio:1}.supplies-menu__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.supplies-menu__img--fit{padding:7%;object-fit:contain;mix-blend-mode:multiply}.supplies-menu__item:hover .supplies-menu__img,.supplies-menu__card:hover .supplies-menu__img{transform:scale(1.06)}.supplies-menu__label{padding-top:3px;font-size:17px;line-height:1.2;transition:color .15s ease}.supplies-menu__item:hover .supplies-menu__label,.supplies-menu__card:hover .supplies-menu__label,.supplies-menu__item[aria-current=page] .supplies-menu__label,.supplies-menu__card[aria-current=page] .supplies-menu__label{color:var(--supplies-red)}.supplies-menu__list--pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.supplies-menu__pill{display:block;padding:10px 16px 7px;border:1px solid var(--supplies-line);border-radius:999px;color:var(--supplies-teal);font-size:16px;line-height:1.2;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.supplies-menu__pill:hover,.supplies-menu__pill[aria-current=page]{border-color:var(--supplies-red);background:#fbe9ee;color:var(--supplies-red)}.supplies-menu__list--products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 -10px}.supplies-menu__card--product{gap:10px;width:auto}.supplies-menu__card--product .supplies-menu__photo{width:100%;max-width:none;height:auto;aspect-ratio:1;border:1px solid var(--supplies-line);border-radius:16px;background:#fff}.supplies-menu__label--product{display:-webkit-box;overflow:hidden;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.supplies-menu__price{font-size:16px;font-weight:600;line-height:1.2}@media(prefers-reduced-motion:reduce){.supplies-menu *,.supplies-menu__panel{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-header-supplies.css.map */