.ht-blog-menu{position:relative}.ht-blog-preview{position:absolute;top:calc(100% + 12px);left:50%;z-index:30;width:min(470px,calc(100vw - 40px));padding:18px;border:1px solid rgba(255,252,245,.22);border-radius:26px;background:#5a6258d6;box-shadow:0 22px 54px #08243d29;color:var(--ht-ivory);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden;backdrop-filter:blur(22px) saturate(90%);-webkit-backdrop-filter:blur(22px) saturate(90%)}.ht-blog-preview:before{position:absolute;right:0;bottom:100%;left:0;height:14px;content:""}.ht-blog-menu:hover .ht-blog-preview,.ht-blog-menu:focus-within .ht-blog-preview{opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.ht-blog-preview__topline{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px;color:#fffcf5bd;font-family:var(--ht-interface-font);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.ht-blog-preview__topline a{color:var(--ht-ivory);text-decoration:none}.ht-blog-preview__topline a:hover{text-decoration:underline;text-underline-offset:.35rem}.ht-blog-preview__list{display:grid;gap:8px}.ht-blog-preview__item{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:16px;min-height:84px;padding:8px;border-radius:18px;color:var(--ht-ivory);text-decoration:none;transition:background-color .15s ease,transform .15s ease}.ht-blog-preview__item:hover,.ht-blog-preview__item:focus-visible{background:#fffcf51f;color:var(--ht-white);outline:none;transform:translate(2px)}.ht-blog-preview__image{display:grid;width:84px;height:68px;overflow:hidden;border:1px solid rgba(255,252,245,.15);border-radius:14px;background:linear-gradient(145deg,#eea090bd,#f1783ab8);color:var(--ht-navy);font-size:13px;font-weight:750;place-items:center}.ht-blog-preview__image img{width:100%;height:100%;object-fit:cover}.ht-blog-preview__text{display:grid;min-width:0;gap:7px}.ht-blog-preview__text strong{display:-webkit-box;overflow:hidden;color:var(--ht-ivory);font-family:var(--ht-interface-font);font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ht-blog-preview__text small{color:#fffcf5a8;font-size:11px;line-height:1}.ht-blog-preview__empty{padding:20px 12px;color:#fffcf5c7;font-size:14px}.ht-mobile-blog-menu{display:grid;gap:10px;padding:6px 20px 28px}.ht-mobile-blog-menu__item{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;padding:8px;border:1px solid var(--ht-border);border-radius:16px;color:var(--ht-navy);text-decoration:none}.ht-mobile-blog-menu__image{display:grid;width:82px;height:66px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,var(--ht-peach),var(--ht-orange));color:var(--ht-navy);font-size:12px;font-weight:750;place-items:center}.ht-mobile-blog-menu__image img{width:100%;height:100%;object-fit:cover}.ht-mobile-blog-menu__item>span:last-child{display:grid;min-width:0;gap:7px}.ht-mobile-blog-menu__item strong{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:650;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ht-mobile-blog-menu__item small{color:var(--ht-muted);font-size:11px}.ht-mobile-blog-menu__all{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-top:4px;border-radius:999px;background:var(--ht-navy);color:var(--ht-ivory);font-size:13px;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}:is(.template-blog,.template-article) .header-wrapper{background:var(--ht-ivory);color:var(--ht-navy)}:is(.template-blog,.template-article) .header-wrapper--border-bottom{border-bottom-color:var(--ht-border)}:is(.template-blog,.template-article) .section-header{z-index:20}:is(.template-blog,.template-article) .header,:is(.template-blog,.template-article) .header:not(.drawer-menu).page-width{width:min(calc(100% - 32px),1440px);max-width:1440px;min-height:58px;padding:8px 0;margin-inline:auto;border:1px solid transparent;background:transparent;box-shadow:none;box-sizing:border-box}:is(.template-blog,.template-article) .header__heading-logo-wrapper{position:relative;display:block;width:160px;height:30px}:is(.template-blog,.template-article) .header__heading-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-height:none;height:100%;object-fit:contain;object-position:left center;transition:opacity .18s ease}:is(.template-blog,.template-article) .header__menu-item,:is(.template-blog,.template-article) .header__icon,:is(.template-blog,.template-article) .ht-header-portal{color:var(--ht-navy)}:is(.template-blog,.template-article) .header__menu-item{font-size:1.4rem;font-weight:500;letter-spacing:-.01em;text-decoration:none}:is(.template-blog,.template-article) .section-header.scrolled-past-header .ht-header-logo--default{opacity:0}:is(.template-blog,.template-article) .section-header.scrolled-past-header .ht-header-logo--scrolled{opacity:1}:is(.template-blog,.template-article) .section-header.scrolled-past-header .header__inline-menu>.list-menu--inline>li>.header__menu-item,:is(.template-blog,.template-article) .section-header.scrolled-past-header .header__inline-menu>.list-menu--inline>li>header-menu>details>.header__menu-item,:is(.template-blog,.template-article) .section-header.scrolled-past-header .ht-header-portal,:is(.template-blog,.template-article) .section-header.scrolled-past-header .header__icon{color:var(--ht-ivory)}:is(.template-blog,.template-article) .section-header.scrolled-past-header .ht-header-cta{background:var(--ht-ivory);color:var(--ht-navy)}@media screen and (min-width:990px){:is(.template-blog,.template-article) .header--middle-left{grid-template-areas:"navigation icons";grid-template-columns:auto 1fr;column-gap:24px}:is(.template-blog,.template-article) .header--middle-left>.ht-header-left{display:inline-flex;grid-area:navigation;align-items:center;justify-self:start;min-width:0;min-height:58px;padding:4px 18px 4px 14px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none}:is(.template-blog,.template-article) .header--middle-left>.ht-header-left>.header__heading,:is(.template-blog,.template-article) .header--middle-left>.ht-header-left>.header__heading-link{flex:0 0 auto}:is(.template-blog,.template-article) .header--middle-left>.header__icons{min-height:58px;padding:5px 5px 5px 16px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none}:is(.template-blog,.template-article) .section-header.scrolled-past-header .ht-header-left,:is(.template-blog,.template-article) .section-header.scrolled-past-header .header__icons{border-color:#fffcf542;background:#5a62585c;box-shadow:0 10px 28px #08243d14;backdrop-filter:blur(18px) saturate(90%);-webkit-backdrop-filter:blur(18px) saturate(90%)}}@media screen and (max-width:989px){.ht-blog-preview{display:none}:is(.template-blog,.template-article) .header,:is(.template-blog,.template-article) .header:not(.drawer-menu).page-width{width:calc(100% - 24px);min-height:54px;padding:5px 14px;border-radius:999px}:is(.template-blog,.template-article) .section-header.scrolled-past-header .header{border-color:#fffcf542;background:#5a62585c;box-shadow:0 10px 28px #08243d14;backdrop-filter:blur(18px) saturate(90%);-webkit-backdrop-filter:blur(18px) saturate(90%)}}@media screen and (max-width:749px){:is(.template-blog,.template-article) .header,:is(.template-blog,.template-article) .header:not(.drawer-menu).page-width{width:calc(100% - 20px);min-height:52px;padding:4px 11px}:is(.template-blog,.template-article) .header__heading-logo-wrapper{width:146px;height:27px}}@media(prefers-reduced-motion:reduce){.ht-blog-preview,.ht-blog-preview__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/ht-blog-menu.css.map */