.section-header .header-wrapper:has(.header--monster){background:#fff;border-bottom:1px solid #151515;--color-background:255,255,255;--color-foreground:21,21,21;--gradient-background:#fff}.section-header .header.header--reference.header--monster{max-width:none;min-height:76px;padding:0 12px;grid-template-columns:88px minmax(0,1fr) 88px;grid-template-areas:"left-icons heading icons";column-gap:6px}.header--monster .header__icons{gap:0;z-index:2}.header--monster .header__icon{color:#151515}.header--monster header-drawer{justify-self:start;z-index:2}.header--monster .gjl-monster-brand{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;grid-area:heading;justify-self:center;width:min(100%,168px);height:76px;margin:0}.header--monster .gjl-monster-home{display:flex;align-items:center;justify-content:center;gap:0;width:auto;height:100%;padding:0;color:#151515;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.gjl-monster-stage{display:block;width:48px;height:48px;flex:0 0 48px;pointer-events:none}.gjl-monster-actor{display:block;width:100%;height:100%;transform-origin:50% 70%}.gjl-monster-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}.gjl-labs-lockup{display:block;position:relative;min-width:0;padding-block:3px}.gjl-labs-name{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-heading-family);font-weight:800;font-size:14px;line-height:1.05;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}.gjl-labs-name>span:last-child{font-size:19px}.gjl-labs-parent{display:block;margin-top:4px;font-size:9px;line-height:1.2;letter-spacing:-.025em;color:#626262;white-space:nowrap}.gjl-labs-lockup:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#fc0;transform:scaleX(0);transform-origin:left center;transition:transform .18s ease-out}.header--monster .gjl-monster-home:focus-visible{outline:2px solid #151515;outline-offset:-2px;border-radius:4px;box-shadow:none}.gjl-monster-home:focus-visible .gjl-labs-lockup:after{transform:scaleX(1)}.gjl-monster-home:active .gjl-monster-stage{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.gjl-monster-home:hover .gjl-labs-lockup:after{transform:scaleX(1)}}.gjl-monster-brand[data-motion=hello] .gjl-monster-actor{animation:gjl-labs-greet .8s ease-out 1}.gjl-monster-brand[data-motion=twist] .gjl-monster-actor,.gjl-monster-brand[data-motion=puff] .gjl-monster-actor,.gjl-monster-brand[data-motion=look] .gjl-monster-actor{animation:gjl-labs-tilt .7s ease-out 1}.gjl-monster-brand[data-motion=grind] .gjl-monster-actor{animation:gjl-labs-grind 1.75s ease-in-out 1}.gjl-monster-brand[data-motion=sad] .gjl-monster-actor{animation:gjl-labs-bow 1.2s ease-out 1}.gjl-monster-brand[data-motion=joy] .gjl-monster-actor{animation:gjl-labs-joy 1.15s ease-out 1}.gjl-monster-brand[data-motion=grind] .gjl-labs-lockup:after,.gjl-monster-brand[data-motion=joy] .gjl-labs-lockup:after{animation:gjl-labs-accent 1.1s ease-out 1}@keyframes gjl-labs-greet{0%,to{transform:translateY(0)}35%{transform:translateY(-7px) rotate(-8deg)}65%{transform:translateY(-2px) rotate(5deg)}}@keyframes gjl-labs-tilt{0%,to{transform:rotate(0)}35%{transform:rotate(-11deg) translateY(-4px) scale(1.06)}70%{transform:rotate(8deg)}}@keyframes gjl-labs-grind{0%,8%,83%,to{transform:rotate(0) scale(1)}20%,49%{transform:rotate(-12deg) scale(1.08,.92)}34%,63%{transform:rotate(12deg) scale(.95,1.06)}}@keyframes gjl-labs-bow{0%,to{transform:translateY(0) rotate(0)}35%,65%{transform:translateY(2px) rotate(-2deg)}}@keyframes gjl-labs-joy{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(3px) scale(1.04,.88)}45%{transform:translateY(-9px) scale(1.09)}75%{transform:translateY(0) scale(1)}}@keyframes gjl-labs-accent{0%,to{transform:scaleX(0)}25%,75%{transform:scaleX(1)}}@media(min-width:390px)and (max-width:1179px){.gjl-monster-stage{width:56px;height:56px;flex-basis:56px}.gjl-labs-name{font-size:16px}.gjl-labs-name>span:last-child{font-size:21px}.gjl-labs-parent{font-size:10px}}@media(min-width:1180px){.section-header .header.header--reference.header--monster{min-height:80px;padding:0 clamp(24px,2.2vw,40px);grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);grid-template-areas:"navigation heading icons";column-gap:20px}.header--monster .gjl-monster-brand{width:240px;height:80px}.header--monster .gjl-monster-brand{gap:10px}.gjl-monster-stage{width:64px;height:64px;flex-basis:64px}.gjl-labs-name{flex-direction:row;gap:.24em;font-size:22px}.gjl-labs-name>span:last-child{font-size:inherit}.gjl-labs-parent{margin-top:6px;font-size:11px;letter-spacing:0}.header--monster .header__icons{gap:8px}.section-header .header--monster .gjl-reference-desktop-nav{margin:0;align-self:center}.header--monster .gjl-reference-desktop-nav>ul{gap:clamp(12px,1.1vw,20px)}.header--monster .gjl-reference-desktop-nav .header__menu-item{font-size:clamp(13px,1vw,16px);color:#151515}.header--monster .gjl-reference-desktop-nav summary.header__menu-item{padding-right:14px}}@media(max-width:359px){.section-header .header.header--reference.header--monster{padding-inline:8px;column-gap:0;min-height:72px}.header--monster .gjl-monster-brand{width:min(100%,124px);height:72px}.header--monster .gjl-monster-brand{gap:6px}.gjl-monster-stage{width:44px;height:44px;flex-basis:44px}.gjl-labs-name{font-size:12px}.gjl-labs-name>span:last-child{font-size:17px}.gjl-labs-parent{font-size:8px}}@media(prefers-reduced-motion:reduce){.gjl-monster-brand .gjl-monster-actor,.gjl-monster-brand .gjl-monster-stage,.gjl-monster-brand .gjl-labs-lockup:after{animation:none!important;transition:none!important}.gjl-monster-brand .gjl-monster-actor,.gjl-monster-brand .gjl-monster-stage{transform:none!important}}.gjl-monster-play{position:relative;display:block;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;color:#151515;cursor:pointer;border-radius:9px;-webkit-tap-highlight-color:transparent}.gjl-monster-play:focus-visible{outline:2px solid #151515;outline-offset:3px;box-shadow:none}.gjl-monster-play:after{content:"\21bb";position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#151515;color:#fc0;font:700 12px/1 Arial,sans-serif;pointer-events:none}.gjl-monster-actor{position:relative}.gjl-mascot-pose{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--gjl-mascot-sheet);background-size:300% 100%;background-repeat:no-repeat;background-position:50% 50%;opacity:0;transform:scale(1.06);pointer-events:none}.gjl-monster-brand:is([data-motion],[data-emotion]) .gjl-monster-art{opacity:0}.gjl-monster-brand:is([data-motion],[data-emotion]) .gjl-mascot-pose{opacity:1}.gjl-monster-brand:is([data-motion=grind],:not([data-motion])[data-emotion=grind]) .gjl-mascot-pose{background-position:0 50%}.gjl-monster-brand:is([data-motion=twist],[data-motion=puff],[data-motion=look],:not([data-motion])[data-emotion=twist]) .gjl-mascot-pose{background-position:50% 50%}.gjl-monster-brand:is([data-motion=joy],[data-motion=hello],:not([data-motion])[data-emotion=joy]) .gjl-mascot-pose{background-position:100% 50%}.gjl-monster-brand[data-motion=sad] .gjl-monster-art{opacity:1}.gjl-monster-brand[data-motion=sad] .gjl-mascot-pose{opacity:0}.gjl-mascot-message{position:absolute;left:50%;top:calc(100% - 5px);z-index:5;width:max-content;max-width:min(250px,calc(100vw - 32px));padding:7px 10px;border:1px solid #151515;border-radius:4px;background:#ffdf38;color:#151515;font-family:var(--font-body-family);font-size:12px;font-weight:600;line-height:1.25;box-shadow:2px 2px #151515;transform:translate(-50%);pointer-events:none}.gjl-mascot-message:empty{display:none}.gjl-mascot-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.gjl-mascot-sparks i{position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:9px;background:#e0a900;border-radius:2px;transform:rotate(var(--ray)) translateY(-28px);transform-origin:2px 2px}.gjl-mascot-sparks i:nth-child(1){--ray:0deg}.gjl-mascot-sparks i:nth-child(2){--ray:60deg}.gjl-mascot-sparks i:nth-child(3){--ray:120deg}.gjl-mascot-sparks i:nth-child(4){--ray:180deg}.gjl-mascot-sparks i:nth-child(5){--ray:240deg}.gjl-mascot-sparks i:nth-child(6){--ray:300deg}.gjl-monster-brand:is([data-motion=grind],[data-motion=joy]) .gjl-mascot-sparks{animation:gjl-mascot-spark .55s ease-out 1}@keyframes gjl-mascot-spark{0%{opacity:0;transform:scale(.5)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}#CartDrawer .drawer__header{grid-template-columns:52px minmax(0,1fr) 44px}#CartDrawer .gjl-mascot-cart{position:relative;display:block;width:52px;height:52px;margin:0;align-self:center}#CartDrawer .gjl-mascot-cart .gjl-monster-stage{width:52px;height:52px;flex-basis:52px}#CartDrawer .gjl-mascot-message{left:0;top:calc(100% + 4px);transform:none;max-width:245px}@media(max-width:749px){#CartDrawer .drawer__header{grid-template-columns:44px minmax(0,1fr) 44px}#CartDrawer .gjl-mascot-cart,#CartDrawer .gjl-mascot-cart .gjl-monster-stage{width:44px;height:44px;flex-basis:44px}}@media(prefers-reduced-motion:reduce){.gjl-monster-brand .gjl-mascot-sparks{animation:none!important;opacity:0!important}}@media(max-width:749px){.section-header .header.header--reference.header--monster{min-height:60px;padding:0 8px;column-gap:4px}.header--monster .gjl-monster-brand{width:auto;max-width:100%;height:60px;gap:6px}.header--monster .gjl-monster-home{min-height:44px}.gjl-monster-stage{width:40px;height:40px;flex-basis:40px}.gjl-labs-lockup{padding-block:0}.gjl-labs-name{flex-direction:row;gap:.26em;font-size:16px;line-height:1;letter-spacing:-.035em}.gjl-labs-name>span:last-child{font-size:inherit}.gjl-labs-parent{display:none}}@media(max-width:374px){.header--monster .gjl-monster-brand{gap:4px}.gjl-labs-name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/gjl-monster-header.css.map */