:root{--logo-font: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--logo-jp-font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--nav-font: "Helvetica Neue", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--hdr-bg: #f7f5f0;--hdr-ink: #20231f;--hdr-ink-soft: #5f6259;--hdr-hairline: rgba(30, 30, 25, .06);--hdr-badge: #9aa083;--hdr-badge-ink: #fbfaf7;--hdr-ease: .2s cubic-bezier(.22, .61, .36, 1)}.spt-header{background:var(--hdr-bg);border-bottom:1px solid var(--hdr-hairline);position:relative;z-index:60}.spt-header[data-sticky=true]{position:sticky;top:0}.spt-header .spt-container{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(18px,4vw,56px)}.spt-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px;grid-template-columns:none;transition:min-height var(--hdr-ease)}.spt-header[data-compact=true] .spt-header__inner{min-height:76px}.spt-header[data-compact=true] .spt-brand__jp{opacity:1;height:auto}.spt-brand{--logo-size: 22px;font-size:var(--logo-size);display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;color:var(--hdr-ink);flex:0 0 auto}.spt-brand__name{font-family:var(--logo-font);font-size:1em;font-weight:400;letter-spacing:.06em;line-height:1;text-transform:uppercase;color:var(--hdr-ink);margin-right:-.06em}.spt-brand__jp{font-family:var(--logo-jp-font);font-size:.667em;font-weight:400;letter-spacing:.5em;line-height:1;color:var(--hdr-ink);margin-top:.375em;margin-right:-.5em;opacity:1;height:auto;overflow:visible}.spt-brand__logo{max-height:46px;width:auto}.spt-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(38px,5vw,74px);justify-self:auto;white-space:nowrap}.spt-nav__item{position:relative}.spt-nav__link{display:inline-block;font-family:var(--nav-font);font-size:14.5px;font-weight:400;letter-spacing:.01em;text-transform:none;color:var(--hdr-ink);text-decoration:none;padding:6px 0;opacity:1;transition:opacity var(--hdr-ease)}.spt-nav__item:hover .spt-nav__link{opacity:.55}.spt-nav__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentcolor;opacity:0;transform:none;transition:opacity var(--hdr-ease)}.spt-nav__link[aria-current=page]:after{opacity:.45}.spt-nav__item:hover .spt-nav__link:after{opacity:0}.spt-nav__panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:178px;background:var(--hdr-bg);border:1px solid var(--hdr-hairline);border-radius:3px;padding:10px 0;opacity:0;visibility:hidden;transition:opacity var(--hdr-ease),visibility var(--hdr-ease)}.spt-nav__item:hover .spt-nav__panel,.spt-nav__item:focus-within .spt-nav__panel{opacity:1;visibility:visible}.spt-nav__panel a{display:block;font-family:var(--nav-font);font-size:13.5px;font-weight:400;letter-spacing:.01em;color:var(--hdr-ink);padding:8px 20px;text-decoration:none;transition:opacity var(--hdr-ease)}.spt-nav__panel a:hover{background:none;opacity:.55}.spt-utils{display:flex;align-items:center;gap:26px;flex:0 0 auto;margin-left:auto}.spt-util{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;color:var(--hdr-ink);text-decoration:none;opacity:1;transition:opacity var(--hdr-ease)}.spt-util:hover{background:none;color:var(--hdr-ink);opacity:.55}.spt-util svg{width:21px;height:21px;stroke-width:1.1;fill:none}.spt-util--bag{position:relative}.spt-util__count{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--hdr-badge);color:var(--hdr-badge-ink);font-family:var(--nav-font);font-size:10px;font-weight:400;letter-spacing:0;line-height:16px;text-align:center}.spt-util__count[data-empty=true]{display:block}.spt-util--menu{display:none}:where(.spt-header) :where(a,button):focus-visible{outline:2px solid var(--hdr-ink);outline-offset:4px}.spt-footer .spt-brand,.supatea-home .spt-footer__brand .spt-brand{--logo-size: 18px}.spt-nav-drawer__head .spt-brand{--logo-size: 19px}@media(max-width:989px){.spt-header__inner{min-height:72px}.spt-header[data-compact=true] .spt-header__inner{min-height:66px}.spt-nav{display:none}.spt-brand{--logo-size: 17px}.spt-utils{gap:20px}.spt-util--search{display:none}.spt-util--account{display:inline-flex;order:1}.spt-util--bag{display:inline-flex;order:2}.spt-util--menu{display:inline-flex;order:3}.spt-util{width:44px;height:44px;margin-inline:-11px}.spt-util svg{width:21px;height:21px}.spt-util__count{top:4px;right:4px}}@media(max-width:479px){.spt-brand{--logo-size: 15px}.spt-utils{gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/supatea-header.css.map */