.hub{--hub-ink: var(--text-color, 26 26 26);--hub-panel: 243 243 245;--hub-panel-hover: 234 234 238;--hub-band: 43 42 44;display:grid;grid-auto-columns:minmax(0,1fr);gap:var(--spacing-12)}@media screen and (min-width:700px){.hub{gap:var(--spacing-16)}}@media screen and (min-width:1000px){.hub{gap:var(--spacing-20)}}.hub-head{display:grid;gap:var(--spacing-2);margin-block-end:calc(var(--spacing-6) * -1)}.hub-head__title{margin:0}.hub-head__sub{margin:0;max-width:38rem;color:rgb(var(--hub-ink) / .72)}@media screen and (min-width:1000px){.hub-head{grid-template-columns:auto minmax(0,30rem);justify-content:space-between;align-items:end;gap:var(--spacing-12);margin-block-end:calc(var(--spacing-10) * -1)}.hub-head__sub{padding-block-end:.5rem}}@media screen and (max-width:699px){.shopify-section--shop-hub>.section{--section-spacing-block-start: var(--spacing-6)}.hub-head__sub{font-size:.9375rem;line-height:1.5}}.hub-tiles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);margin:0;padding:0;list-style:none}.hub .hub-tile{--hub-ink: 26 26 26;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border-radius:var(--rounded);background:rgb(var(--hub-panel));color:rgb(var(--hub-ink));text-decoration:none;transition:background-color .2s ease}.hub-tile__media{--hub-tile-pad: var(--spacing-3);position:relative;display:block;aspect-ratio:5 / 4;overflow:hidden}.hub-tile__img{position:absolute;inset:var(--hub-tile-pad) var(--hub-tile-pad) 0;width:calc(100% - var(--hub-tile-pad) * 2);height:calc(100% - var(--hub-tile-pad));object-fit:contain;mix-blend-mode:darken;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.hub-tile__media--shelf{display:grid;grid-template:repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr));gap:var(--spacing-1-5);padding:var(--hub-tile-pad) var(--hub-tile-pad) 0}.hub-tile__media--pair{grid-template:minmax(0,1fr) / repeat(2,minmax(0,1fr))}.hub-tile__media--shelf .hub-tile__img{position:static;width:100%;height:100%;min-height:0}.hub-tile__media--shelf>.hub-tile__img:nth-child(3):last-child{grid-column:1 / -1}.hub-tile__label{display:grid;grid-template-rows:1fr auto;gap:1px;padding:var(--spacing-2-5) var(--spacing-3) var(--spacing-3)}.hub-tile__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);min-height:1.25rem}.hub-tile__name{font-weight:700;font-size:1rem;line-height:1.25;letter-spacing:-.01em}.hub-tile__count{font-size:.8125rem;line-height:1.4;color:rgb(var(--hub-ink) / .68)}.hub-tile__arrow{flex:none;margin-inline-start:auto;transition:transform .2s ease}.hub .hub-tile:focus-visible,.hub .hub-scent:focus-visible,.hub .hub-link:focus-visible,.hub .hub-more__link:focus-visible{outline:2px solid rgb(var(--hub-accent-ink));outline-offset:2px}@media(hover:hover)and (pointer:fine){.hub .hub-tile:hover{background:rgb(var(--hub-panel-hover))}.hub-tile:hover .hub-tile__img{transform:scale(1.05)}.hub-tile:hover .hub-tile__arrow{transform:translate(3px)}}@media screen and (max-width:351px){.hub-tile__name{font-size:.875rem}.hub-tile__label{padding-inline:var(--spacing-2)}}@media screen and (min-width:700px){.hub-tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-4)}}@media screen and (min-width:1000px){.hub-tiles__grid{gap:var(--spacing-6)}.hub-tile__media{--hub-tile-pad: var(--spacing-6);aspect-ratio:4 / 3}.hub-tile__media--shelf{gap:var(--spacing-3)}.hub-tile__label{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5)}.hub-tile__name{font-size:1.25rem}.hub-tile__count{font-size:.875rem}}.hub-sub{display:grid;gap:var(--spacing-1-5);margin-block-end:var(--spacing-5)}.hub-sub__title{margin:0}.hub-sub__text{margin:0;max-width:36rem;color:rgb(var(--hub-ink) / .72)}.hub-sub--row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--spacing-4)}.hub .hub-link{padding-block:.625rem;margin-block:-.625rem;font-weight:700;font-size:.9375rem;color:rgb(var(--hub-accent-ink));text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media screen and (min-width:1000px){.hub-sub{margin-block-end:var(--spacing-8)}}.hub-scents__list{display:grid;margin:0;padding:0;list-style:none}.hub .hub-scent{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3-5);min-height:4.5rem;padding-block:var(--spacing-2);border-block-end:1px solid rgb(var(--hub-ink) / .1);color:rgb(var(--hub-ink));text-decoration:none}.hub .hub-scents__list>li:first-child .hub-scent{border-block-start:1px solid rgb(var(--hub-ink) / .1)}.hub-scent__tin{display:block;aspect-ratio:1}.hub-scent__img,.hub-scent__blank{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.hub-scent__tin--round{filter:drop-shadow(0 2px 3px rgb(0 0 0 / .22))}.hub-scent__tin--round .hub-scent__img{clip-path:ellipse(45.2% 45.8% at 49% 49%)}.hub-scent__blank{border-radius:50%;background:var(--hub-scent);box-shadow:inset 0 0 0 1px #00000026}.hub-scent__body{display:grid;gap:2px;min-width:0}.hub-scent__name{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:700;font-size:.9375rem;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.hub-scent__dot{flex:none;width:.625rem;height:.625rem;border-radius:50%;background:var(--hub-scent);box-shadow:inset 0 0 0 1px #00000026}.hub-scent__notes{font-size:.875rem;line-height:1.4;color:rgb(var(--hub-ink) / .68);text-wrap:balance}.hub-scent__warn{color:#b3261e}.hub-scent__chevron{flex:none;color:rgb(var(--hub-ink) / .5)}@media screen and (min-width:700px){.hub-scents__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-8) var(--spacing-5)}.hub .hub-scent,.hub .hub-scents__list>li:first-child .hub-scent{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:var(--spacing-3);min-height:0;padding:0;border:0;text-align:center}.hub-scent__tin{width:min(100%,9.5rem)}.hub-scent__tin--round{filter:drop-shadow(0 6px 8px rgb(0 0 0 / .22))}.hub-scent__body{justify-items:center;gap:var(--spacing-1)}.hub-scent__chevron{display:none}}@media screen and (min-width:700px)and (max-width:999px){.hub-scents__list{display:flex;flex-wrap:wrap;justify-content:center}.hub-scents__list>li{flex:0 0 calc((100% - 3 * var(--spacing-5)) / 4)}}@media screen and (min-width:1000px){.hub-scents__list{grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--spacing-4)}}@media screen and (min-width:1400px){.hub-scents__list{gap:var(--spacing-8)}.hub-scent__name{font-size:1rem}}@media(hover:hover)and (pointer:fine){.hub-scent:hover .hub-scent__img{transform:rotate(-9deg) scale(1.04)}.hub-scent:hover .hub-scent__name{color:rgb(var(--hub-accent-ink))}}.hub-sellers{min-width:0}.hub-kit{display:grid;overflow:hidden;border-radius:var(--rounded-lg);background:rgb(var(--hub-band));color:#fff}.hub-kit__media{position:relative;order:-1;aspect-ratio:3 / 2;overflow:hidden}.hub-kit__media:after{content:"";position:absolute;inset:auto 0 0 0;height:10%;background:linear-gradient(0deg,rgb(var(--hub-band)),rgb(var(--hub-band) / 0));pointer-events:none}.hub-kit__img{display:block;width:100%;height:100%;object-fit:cover}.hub-kit__copy{display:grid;justify-items:start;align-content:center;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-5) var(--spacing-8)}.hub-kit__eyebrow{margin:0;font-weight:700;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:#48acce}.hub-kit__title{margin:0;color:#fff}.hub-kit__text{margin:0;max-width:30rem;color:#ffffffd1}.hub-kit__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4) var(--spacing-6);margin-block-start:var(--spacing-3)}.hub-kit__cta{letter-spacing:.06em;text-transform:uppercase}.hub .hub-kit__alt{padding-block:.625rem;margin-block:-.625rem;font-weight:700;font-size:.9375rem;color:#fff;text-decoration:underline;text-underline-offset:3px}.hub .hub-kit__cta:focus-visible,.hub .hub-kit__alt:focus-visible{outline:2px solid #fff;outline-offset:3px}@media screen and (max-width:699px){.hub-kit__actions{display:grid;justify-items:center;width:100%}.hub-kit__cta{width:100%}}@media screen and (min-width:700px){.hub-kit__media{aspect-ratio:21 / 9}.hub-kit__media:after{height:5%}.hub-kit__img{object-position:50% 75%}.hub-kit__copy{padding:var(--spacing-8) var(--spacing-8) var(--spacing-10)}}@media screen and (min-width:1150px){.hub-kit{grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:26rem}.hub-kit.hub-kit--no-media{grid-template-columns:minmax(0,1fr)}.hub-kit__copy{gap:var(--spacing-4);padding:var(--spacing-14) var(--spacing-8) var(--spacing-14) var(--spacing-14)}.hub-kit__eyebrow{font-size:.9375rem}.hub-kit__media{order:0;aspect-ratio:auto}.hub-kit__img{object-position:50% 50%}.hub-kit__media:after{content:none}.hub-kit__media:before{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:linear-gradient(90deg,rgb(var(--hub-band)),rgb(var(--hub-band) / 0));pointer-events:none}}.hub-more{display:grid;gap:var(--spacing-3);padding-block-start:var(--spacing-6);border-block-start:1px solid rgb(var(--hub-ink) / .1)}.hub-more__label{margin:0;font-weight:700;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--hub-ink) / .68)}.hub-more__list{display:flex;flex-wrap:wrap;gap:0 var(--spacing-6);margin:0;padding:0;list-style:none}.hub .hub-more__link{display:inline-block;padding-block:.625rem;font-weight:700;color:rgb(var(--hub-ink));text-decoration:underline;text-decoration-color:rgb(var(--hub-ink) / .3);text-underline-offset:4px}@media(hover:hover)and (pointer:fine){.hub .hub-more__link:hover,.hub .hub-link:hover{text-decoration-color:currentColor;color:rgb(var(--hub-accent-ink))}.hub .hub-kit__alt:hover{text-decoration-thickness:2px}}@media screen and (max-width:699px){.hub-more__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1000px){.hub-more{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--spacing-10)}}@media(prefers-reduced-motion:reduce){.hub .hub-tile,.hub-tile__img,.hub-tile__arrow,.hub-scent__img,.hub-scent__blank{transition:none}.hub-tile:hover .hub-tile__img,.hub-tile:hover .hub-tile__arrow,.hub-scent:hover .hub-scent__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/176/assets/shop-hub.css.map */