:root{--hh-brand-primary: #FFC107;--hh-brand-accent: #FF9966;--hh-brand-secondary: #4CAF50;--hh-brand-highlight: #F44336;--hh-surface-light: #F1EFE3;--hh-surface-dark: #212121;--hh-surface-dark-rgb: 33, 33, 33;--hh-surface-black: #000000;--hh-surface-white: #FFFFFF;--hh-surface-border: #BDBDBD;--hh-text-primary: #212121;--hh-text-on-surface-dark: #FFFFFF;--hh-text-on-brand: #FFFFFF;--hh-space-0-5: .25rem;--hh-space-1: .5rem;--hh-space-2: 1rem;--hh-space-3: 1.5rem;--hh-space-4: 2rem;--hh-space-5: 2.5rem;--hh-space-6: 3rem;--hh-space-8: 4rem;--hh-space-10: 5rem;--hh-space-12: 6rem;--hh-box-shadow-low: 4px 4px 0 var(--hh-surface-black);--hh-box-shadow-mid: 8px 8px 0 var(--hh-surface-black);--hh-box-shadow-high: 12px 12px 0 var(--hh-surface-black);--hh-box-shadow-max: 16px 16px 0 var(--hh-surface-black);--hh-heading-text-shadow: -4px -4px 0 var(--hh-surface-black), -4px -3px 0 var(--hh-surface-black), -4px -2px 0 var(--hh-surface-black), -4px -1px 0 var(--hh-surface-black), -4px 0px 0 var(--hh-surface-black), -4px 1px 0 var(--hh-surface-black), -4px 2px 0 var(--hh-surface-black), -4px 3px 0 var(--hh-surface-black), -4px 4px 0 var(--hh-surface-black), -3px -4px 0 var(--hh-surface-black), -3px -3px 0 var(--hh-surface-black), -3px -2px 0 var(--hh-surface-black), -3px -1px 0 var(--hh-surface-black), -3px 0px 0 var(--hh-surface-black), -3px 1px 0 var(--hh-surface-black), -3px 2px 0 var(--hh-surface-black), -3px 3px 0 var(--hh-surface-black), -3px 4px 0 var(--hh-surface-black), -2px -4px 0 var(--hh-surface-black), -2px -3px 0 var(--hh-surface-black), -2px -2px 0 var(--hh-surface-black), -2px -1px 0 var(--hh-surface-black), -2px 0px 0 var(--hh-surface-black), -2px 1px 0 var(--hh-surface-black), -2px 2px 0 var(--hh-surface-black), -2px 3px 0 var(--hh-surface-black), -2px 4px 0 var(--hh-surface-black), -1px -4px 0 var(--hh-surface-black), -1px -3px 0 var(--hh-surface-black), -1px -2px 0 var(--hh-surface-black), -1px -1px 0 var(--hh-surface-black), -1px 0px 0 var(--hh-surface-black), -1px 1px 0 var(--hh-surface-black), -1px 2px 0 var(--hh-surface-black), -1px 3px 0 var(--hh-surface-black), -1px 4px 0 var(--hh-surface-black), 0px -4px 0 var(--hh-surface-black), 0px -3px 0 var(--hh-surface-black), 0px -2px 0 var(--hh-surface-black), 0px -1px 0 var(--hh-surface-black), 0px 1px 0 var(--hh-surface-black), 0px 2px 0 var(--hh-surface-black), 0px 3px 0 var(--hh-surface-black), 0px 4px 0 var(--hh-surface-black), 1px -4px 0 var(--hh-surface-black), 1px -3px 0 var(--hh-surface-black), 1px -2px 0 var(--hh-surface-black), 1px -1px 0 var(--hh-surface-black), 1px 0px 0 var(--hh-surface-black), 1px 1px 0 var(--hh-surface-black), 1px 2px 0 var(--hh-surface-black), 1px 3px 0 var(--hh-surface-black), 1px 4px 0 var(--hh-surface-black), 2px -4px 0 var(--hh-surface-black), 2px -3px 0 var(--hh-surface-black), 2px -2px 0 var(--hh-surface-black), 2px -1px 0 var(--hh-surface-black), 2px 0px 0 var(--hh-surface-black), 2px 1px 0 var(--hh-surface-black), 2px 2px 0 var(--hh-surface-black), 2px 3px 0 var(--hh-surface-black), 2px 4px 0 var(--hh-surface-black), 3px -4px 0 var(--hh-surface-black), 3px -3px 0 var(--hh-surface-black), 3px -2px 0 var(--hh-surface-black), 3px -1px 0 var(--hh-surface-black), 3px 0px 0 var(--hh-surface-black), 3px 1px 0 var(--hh-surface-black), 3px 2px 0 var(--hh-surface-black), 3px 3px 0 var(--hh-surface-black), 3px 4px 0 var(--hh-surface-black), 4px -4px 0 var(--hh-surface-black), 4px -3px 0 var(--hh-surface-black), 4px -2px 0 var(--hh-surface-black), 4px -1px 0 var(--hh-surface-black), 4px 0px 0 var(--hh-surface-black), 4px 1px 0 var(--hh-surface-black), 4px 2px 0 var(--hh-surface-black), 4px 3px 0 var(--hh-surface-black), 4px 4px 0 var(--hh-surface-black), 5px 5px 0 var(--hh-surface-black), 6px 6px 0 var(--hh-surface-black), 7px 7px 0 var(--hh-surface-black), 8px 8px 0 var(--hh-surface-black), 9px 9px 0 var(--hh-surface-black), 10px 10px 0 var(--hh-surface-black), 11px 11px 0 var(--hh-surface-black)}.hh-border{border:4px solid var(--hh-surface-black)}.hh-border-radius-rounded{border-radius:999px}.hh-border-radius-square{border-radius:0}.hh-border-hand-drawn{border:4px solid var(--hh-surface-black);border-radius:1% 4% 2% 5%/3% 2% 6%;transition:border-radius .15s ease-in-out;overflow:hidden}.hh-border-hand-drawn:hover{border-radius:4% 2% 5%/2% 6% 2% 5%}.hh-box-shadow-low{box-shadow:var(--hh-box-shadow-low)}.hh-box-shadow-mid{box-shadow:var(--hh-box-shadow-mid)}.hh-box-shadow-high{box-shadow:var(--hh-box-shadow-high)}.hh-box-shadow-max{box-shadow:var(--hh-box-shadow-max)}.hh-color-brand-primary,.hh-color-brand-primary *{color:var(--hh-brand-primary)}.hh-color-brand-accent,.hh-color-brand-accent *{color:var(--hh-brand-accent)}.hh-color-brand-secondary *{color:var(--hh-brand-secondary)}.hh-surface{background:var(--hh-surface-light);transition:box-shadow .1s ease-out}.hh-surface--dark{background:var(--hh-surface-dark);color:var(--hh-text-on-surface-dark)}.hh-surface--white{background:var(--hh-surface-white);color:var(--hh-text-primary)}.hh-surface--primary{background:var(--hh-brand-primary);color:var(--hh-text-on-brand)}.hh-comic-container{border:4px solid var(--hh-surface-black);box-shadow:var(--hh-box-shadow-mid)}.hh-bg-dots{--hh-dot-pattern: radial-gradient(rgba(var(--hh-surface-dark-rgb), .1) 2px, transparent 2px);--hh-dot-size: 15px 15px;background-color:var(--hh-surface-light);background-image:var(--hh-dot-pattern);background-size:var(--hh-dot-size);background-repeat:repeat}.hh-bg-dots--fade-center{--hh-fade-gradient: radial-gradient(circle, var(--hh-surface-light) 20%, transparent 70%);background-image:var(--hh-fade-gradient),var(--hh-dot-pattern);background-size:100% 100%,var(--hh-dot-size);background-repeat:no-repeat,repeat}.hh-btn{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:var(--hh-space-1);text-decoration:none;vertical-align:middle;flex:0 0 auto}.hh-btn--full-width{width:100%;flex-grow:1}.hh-btn p{margin:0;gap:var(--hh-space-1);display:flex;align-items:center;justify-content:center}.hh-btn svg{vertical-align:middle}.hh-btn-shadow{display:inherit!important;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hh-surface-black);transform:translate(var(--hh-space-1),var(--hh-space-1));transition:transform .1s cubic-bezier(.3,.7,.4,1)}.hh-btn-front{position:relative;display:flex;align-items:center;justify-content:center;text-transform:unset;text-decoration:none;gap:var(--hh-space-1);padding:var(--hh-space-2) var(--hh-space-3);border:4px solid var(--hh-surface-black);font-size:1.25rem;font-family:Poppins,sans-serif;font-weight:800;color:var(--hh-surface-black);background:var(--hh-brand-primary);box-shadow:inset -6px -6px 0 var(--hh-brand-accent);transform:translate(0);transition:transform .1s cubic-bezier(.3,.7,.4,1)}.hh-btn:hover .hh-btn-front{transform:translate(var(--hh-space-0-5),var(--hh-space-0-5))}.hh-btn:active .hh-btn-front,.hh-btn:hover .hh-btn-shadow,.hh-btn:active .hh-btn-shadow{transform:translate(var(--hh-space-1),var(--hh-space-1))}.hh-speech-bubble{--arrow-w: .75rem;--arrow-h: 1rem;--bubble-corners: 0;--w: fit-content;--border-size: 4px;--text-color: var(--hh-text-primary);--bubble-color: var(--hh-surface-white);--border-color: var(--hh-surface-black);text-align:center;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:var(--text-color);background:var(--bubble-color);padding:var(--hh-space-3);position:relative;border-radius:var(--bubble-corners);max-width:var(--w);box-shadow:0 0 0 var(--border-size) var(--border-color)}.hh-speech-bubble.round{--bubble-corners: var(--hh-space-2)}.hh-speech-bubble.circle{--bubble-corners: 100%;padding:var(--hh-space-4)}.hh-speech-bubble.hh-speech-bubble--w-sm{--w: 15rem}.hh-speech-bubble.hh-speech-bubble--w-md{--w: 25rem}.hh-speech-bubble.hh-speech-bubble--w-lg{--w: 35rem}.hh-speech-bubble.hh-speech-bubble--w-full{--w: 100%}.hh-speech-bubble:before,.hh-speech-bubble:after{content:"";position:absolute;bottom:calc(-1 * var(--arrow-h) * 2 + .5px);left:50%;transform:translate(-50%);border-style:solid;border-width:var(--arrow-h) var(--arrow-w);border-color:var(--bubble-color) transparent transparent}.hh-speech-bubble:before{border-width:calc(var(--arrow-h) + var(--border-size)) calc(var(--arrow-w) + var(--border-size));border-color:var(--border-color) transparent transparent;bottom:calc(-1 * var(--arrow-h) * 2 - 2.5 * var(--border-size));left:calc(50% - var(--border-size))}.hh-speech-bubble.hh-speech-bubble--t:after{border-color:transparent transparent var(--bubble-color);bottom:auto;top:calc(-1 * var(--arrow-h) * 2 + .5px)}.hh-speech-bubble.hh-speech-bubble--t:before{border-color:transparent transparent var(--border-color);bottom:auto;top:calc(-1 * var(--arrow-h) * 2 - 2.5 * var(--border-size))}.hh-speech-bubble.hh-speech-bubble--l:after,.hh-speech-bubble.hh-speech-bubble--l:before{bottom:auto;top:50%;transform:translateY(-50%)}.hh-speech-bubble.hh-speech-bubble--l:after{border-color:transparent var(--bubble-color) transparent transparent;border-width:var(--arrow-w) var(--arrow-h);left:calc(-1 * var(--arrow-h) * 2 + .5px)}.hh-speech-bubble.hh-speech-bubble--l:before{border-width:calc(var(--arrow-w) + var(--border-size)) calc(var(--arrow-h) + var(--border-size));border-color:transparent var(--border-color) transparent transparent;left:calc(-1 * var(--arrow-h) * 2 - 2.5 * var(--border-size))}.hh-speech-bubble.hh-speech-bubble--r:after,.hh-speech-bubble.hh-speech-bubble--r:before{bottom:auto;top:50%;left:auto;transform:translateY(-50%)}.hh-speech-bubble.hh-speech-bubble--r:after{border-color:transparent transparent transparent var(--bubble-color);border-width:var(--arrow-w) var(--arrow-h);right:calc(-1 * var(--arrow-h) * 2 + .5px)}.hh-speech-bubble.hh-speech-bubble--r:before{border-width:calc(var(--arrow-w) + var(--border-size)) calc(var(--arrow-h) + var(--border-size));border-color:transparent transparent transparent var(--border-color);right:calc(-1 * var(--arrow-h) * 2 - 2.5 * var(--border-size))}.hh-speech-bubble.hh-speech-bubble--pop{animation-name:hh-pop;animation-duration:.5s;animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.hh-speech-bubble.hh-speech-bubble--float{animation-name:hh-float-up;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease}.hh-speech-bubble.hh-speech-bubble--r.hh-speech-bubble--float{animation-name:hh-float-left}.hh-speech-bubble.hh-speech-bubble--l.hh-speech-bubble--float{animation-name:hh-float-right}.hh-speech-bubble.hh-speech-bubble--t.hh-speech-bubble--float{animation-name:hh-float-down}@keyframes hh-pop{0%{transform:scale(.8)}80%{transform:scale(1.1)}90%{transform:scale(.9)}to{transform:scale(1)}}@keyframes hh-float-up{0%{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--arrow-h)))}}@keyframes hh-float-left{0%{transform:translate(0)}50%{transform:translate(calc(-1 * var(--arrow-h)))}}@keyframes hh-float-right{0%{transform:translate(0)}50%{transform:translate(var(--arrow-h))}}@keyframes hh-float-down{0%{transform:translateY(0)}50%{transform:translateY(var(--arrow-h))}}.hh-speech-bubble.hh-speech-bubble--hand-drawn{box-shadow:none;border:var(--border-size) solid var(--border-color);border-radius:1% 4% 2% 5%/3% 2% 6%;transition:border-radius .15s ease-in-out}.hh-speech-bubble.hh-speech-bubble--hand-drawn:after{bottom:calc(-1 * var(--arrow-h) * 2 + var(--border-size))}.hh-speech-bubble.hh-speech-bubble--hand-drawn.hh-speech-bubble--t:after{top:calc(-1 * var(--arrow-h) * 2 + var(--border-size))}.hh-speech-bubble.hh-speech-bubble--hand-drawn.hh-speech-bubble--l:after{left:calc(-1 * var(--arrow-h) * 2 + var(--border-size))}.hh-speech-bubble.hh-speech-bubble--hand-drawn.hh-speech-bubble--r:after{right:calc(-1 * var(--arrow-h) * 2 + var(--border-size))}.hh-text-shadow{text-shadow:var(--hh-heading-text-shadow)}.hh-text-body,.hh-text-body p{margin:0;font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5;color:var(--hh-text-primary)}.hh-heading-1,.hh-heading-1 h1,.hh-heading-1 h2,.hh-heading-1 h3,.hh-heading-1 h4,.hh-heading-1 h5,.hh-heading-1 h6{margin:0;font-size:4rem;font-weight:800;line-height:100%;letter-spacing:-.02em;color:var(--hh-brand-primary)}.hh-heading-2,.hh-heading-2>h1,.hh-heading-2>h2,.hh-heading-2>h3,.hh-heading-2>h4,.hh-heading-2>h5,.hh-heading-2>h6{margin:0;font-size:2.5rem;font-weight:800;line-height:100%;letter-spacing:-.02em;color:var(--hh-brand-primary)}.hh-heading-3,.hh-heading-3>h1,.hh-heading-3>h2,.hh-heading-3>h3,.hh-heading-3>h4,.hh-heading-3>h5,.hh-heading-3>h6{margin:0;font-size:2rem;font-weight:800;line-height:100%;letter-spacing:-.02em;color:var(--hh-brand-primary)}.hh-heading-1--accent,.hh-heading-1--accent>h1,.hh-heading-1--accent>h2,.hh-heading-1--accent>h3,.hh-heading-1--accent>h4,.hh-heading-1--accent>h5,.hh-heading-1--accent>h6{color:var(--hh-brand-accent)}.hh-heading-2--accent,.hh-heading-2--accent>h1,.hh-heading-2--accent>h2,.hh-heading-2--accent>h3,.hh-heading-2--accent>h4,.hh-heading-2--accent>h5,.hh-heading-2--accent>h6{color:var(--hh-brand-accent)}.hh-heading-1--white,.hh-heading-1--white>h1,.hh-heading-1--white>h2,.hh-heading-1--white>h3,.hh-heading-1--white>h4,.hh-heading-1--white>h5,.hh-heading-1--white>h6{color:var(--hh-surface-white)}.hh-heading-2--white,.hh-heading-2--white>h1,.hh-heading-2--white>h2,.hh-heading-2--white>h3,.hh-heading-2--white>h4,.hh-heading-2--white>h5,.hh-heading-2--white>h6{color:var(--hh-surface-white)}.hh-heading-2--black,.hh-heading-2--black>h1,.hh-heading-2--black>h2,.hh-heading-2--black>h3,.hh-heading-2--black>h4,.hh-heading-2--black>h5,.hh-heading-2--black>h6{color:var(--hh-surface-black)}.hh-heading-3--black,.hh-heading-3--black>h1,.hh-heading-3--black>h2,.hh-heading-3--black>h3,.hh-heading-3--black>h4,.hh-heading-3--black>h5,.hh-heading-3--black>h6{color:var(--hh-surface-black)}@media screen and (min-width: 820px){.hh-heading-1,.hh-heading-1 h1{font-size:4rem}.hh-heading-2,.hh-heading-2 h1{font-size:2.5rem}.hh-heading-3,.hh-heading-3 h1{font-size:2rem}.hh-text-body,.hh-text-body p{font-size:1.25rem}.hh-btn-front{font-size:1.45rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/brand.css.map */