.header{position:absolute;top:42px;left:0;right:0;z-index:20;height:60px;display:flex;align-items:center;background:transparent;color:var(--color-white);transition:background-color var(--t-base) ease,color var(--t-base) ease,border-color var(--t-base) ease;border-bottom:1px solid transparent}.header:has([data-pennie-drawer][open]){z-index:50}@media(min-width:990px){.header{height:60px}}.header__inner{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);padding:0 16px}@media(min-width:990px){.header__inner{padding:0 32px}}.header__logo{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1;letter-spacing:0;color:inherit;grid-column:2;justify-self:center}@media(min-width:990px){.header__logo{grid-column:1;justify-self:start}}.header__logo-i{position:relative;display:inline-block}.header__logo-star{position:absolute;top:1px;left:50%;width:7px;height:7px;transform:translate(-50%) skew(-15deg);pointer-events:none}.header__logo-img{display:block;max-height:44px;width:auto}.header__nav{display:none;justify-content:center;grid-column:2;justify-self:center}@media(min-width:990px){.header__nav{display:flex}}.header__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-8)}.header__menu-link{font-family:var(--font-body);font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:inherit;line-height:1;padding:6px 2px;white-space:nowrap;transition:opacity var(--t-fast) ease}.header__menu-link:hover{opacity:.7}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);grid-column:3;justify-self:end}.header__actions .header__search{display:inline-flex}@media(min-width:990px){.header__actions .header__search{display:none}}.header__locale{display:none;font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);line-height:1;color:inherit}@media(min-width:990px){.header__locale{display:inline-flex;align-items:center}}.header__action{display:inline-flex;align-items:center;gap:8px;color:inherit;font-family:var(--font-body);font-size:14px;text-transform:uppercase;letter-spacing:var(--ls-eyebrow);line-height:1;padding:6px;background:none;border:0;cursor:pointer}.header__action:hover{opacity:.7}.header__action .icon{width:20px;height:20px}.header__drawer{grid-column:1;justify-self:start}@media(min-width:990px){.header__drawer{display:none}}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:inherit}@media(min-width:990px){.header__drawer .header__menu-toggle{display:none}}.header--solid{background:var(--color-paper);color:var(--color-ink);border-bottom-color:#45523e1a}.header--stuck{background:var(--color-paper);color:var(--color-ink);border-bottom-color:transparent}.header__drawer{display:block}.header__drawer-summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.header__drawer-summary::-webkit-details-marker{display:none}.header__drawer-panel{position:fixed;top:0;left:0;bottom:0;width:min(86vw,360px);background:var(--color-paper);color:var(--color-ink);padding:24px 24px 32px;display:flex;flex-direction:column;gap:24px;box-shadow:12px 0 40px #1c1c1c14;z-index:40}.header__drawer[open]:not(.is-closing) .header__drawer-panel{animation:pennie-drawer-in var(--t-base) var(--ease-drawer)}.header__drawer.is-closing .header__drawer-panel{animation:pennie-drawer-out var(--t-base) var(--ease-drawer) forwards}.header__drawer-close{align-self:flex-end;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink)}.header__drawer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.header__drawer-link{font-family:var(--font-display);font-size:24px;color:var(--color-ink);line-height:1.2}@keyframes pennie-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pennie-drawer-out{0%{transform:translate(0)}to{transform:translate(-100%)}}body.template-index:has(.pennie-hero--placeholder) .header__logo-text,body.template-index:has(.pennie-hero--placeholder) .header__menu-link,body.template-index:has(.pennie-hero--placeholder) .header__locale,body.template-index:has(.pennie-hero--placeholder) .header__cart,body.template-index:has(.pennie-hero--placeholder) .header__menu-toggle,body.template-index:has(.pennie-hero--placeholder) .header__drawer-summary{color:var(--color-ink)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/header.css.map */