.hn-routine-navigator{--hn-routine-border: color-mix(in srgb, rgb(var(--text-color)) 10%, transparent);--hn-routine-border-strong: color-mix(in srgb, rgb(var(--text-color)) 34%, transparent);--hn-routine-background: rgb(var(--background));--hn-routine-text: rgb(var(--text-color));--hn-routine-muted: color-mix(in srgb, var(--hn-routine-text) 72%, transparent);--hn-routine-card-bg: color-mix(in srgb, var(--hn-routine-background) 94%, var(--hn-routine-text) 6%);display:block;background:var(--hn-routine-background);color:var(--hn-routine-text);border-block:1px solid var(--hn-routine-border)}.hn-routine-navigator__inner{position:relative;max-width:var(--container-max-width, 1600px);margin-inline:auto;padding:14px max(var(--container-gutter, 24px),24px) 12px}.hn-routine-navigator__header{margin:0 0 10px;font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hn-routine-navigator__viewport{overflow:hidden}.hn-routine-navigator__track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 2px 4px}.hn-routine-navigator__track::-webkit-scrollbar{display:none}.hn-routine-navigator__item{flex:0 0 104px;scroll-snap-align:center;display:grid;grid-template-rows:76px auto;gap:7px;text-align:center;text-decoration:none;color:inherit;border-radius:12px;transition:transform .22s ease,opacity .22s ease}.hn-routine-navigator__media{display:grid;place-items:center;width:76px;height:76px;margin-inline:auto;border:1px solid rgba(56,85,71,.06);border-radius:12px;background:#3855471a;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.hn-routine-navigator__media img{width:68px;height:68px;object-fit:contain;mix-blend-mode:multiply}.hn-routine-navigator__title{display:-webkit-box;min-height:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;line-height:1.22;font-weight:500;color:var(--hn-routine-muted)}.hn-routine-navigator__item:hover .hn-routine-navigator__media{transform:translateY(-2px);border-color:var(--hn-routine-border);box-shadow:0 5px 14px #0000000e}.hn-routine-navigator__item:hover .hn-routine-navigator__title{color:var(--hn-routine-text)}.hn-routine-navigator__item.is-active{pointer-events:none;cursor:default}.hn-routine-navigator__item.is-active .hn-routine-navigator__media{border-color:var(--hn-routine-border-strong);background:var(--hn-routine-background);box-shadow:0 6px 18px #00000013;transform:scale(1.035)}.hn-routine-navigator__item.is-active .hn-routine-navigator__title{color:var(--hn-routine-text);font-weight:700}.hn-routine-navigator__arrow{position:absolute;top:64px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--hn-routine-border);border-radius:999px;background:var(--hn-routine-background);color:var(--hn-routine-text);cursor:pointer;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hn-routine-navigator__arrow:hover{transform:translateY(-2px);background:#38554724;border-color:#38554724;box-shadow:0 6px 16px #38554714}.hn-routine-navigator__arrow--prev{left:max(calc(var(--container-gutter, 24px) - 10px),8px)}.hn-routine-navigator__arrow--next{right:max(calc(var(--container-gutter, 24px) - 10px),8px)}@media screen and (max-width:699px){.hn-routine-navigator__inner{padding:12px 18px 10px}.hn-routine-navigator__header{margin-bottom:9px;font-size:11px}.hn-routine-navigator__track{gap:12px;padding-inline:2px;scroll-snap-type:x mandatory}.hn-routine-navigator__item{flex-basis:92px;grid-template-rows:68px auto;gap:6px}.hn-routine-navigator__media{width:68px;height:68px;border-radius:11px}.hn-routine-navigator__media img{width:60px;height:60px}.hn-routine-navigator__title{font-size:10.5px}.hn-routine-navigator__arrow{display:none}}@media(prefers-reduced-motion:reduce){.hn-routine-navigator__track{scroll-behavior:auto}.hn-routine-navigator__item,.hn-routine-navigator__media,.hn-routine-navigator__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/hn-routine-navigator.css.map */