@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(caveat-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(caveat-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.hand-note{font-family:Caveat,Comic Sans MS,cursive;font-weight:600;font-size:2.2rem;line-height:1.05;color:rgb(var(--color-foreground));display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem;pointer-events:none;z-index:1}.hand-note__text{white-space:pre}.hand-note__arrow{display:block;flex-shrink:0}.hand-note--arrow-down-left .hand-note__arrow{transform:scaleX(-1)}.hand-note--arrow-up-right .hand-note__arrow{transform:scaleY(-1)}.hand-note--arrow-up-left .hand-note__arrow{transform:scale(-1)}.hand-note--arrow-right .hand-note__arrow{transform:rotate(-20deg)}.hand-note--arrow-left .hand-note__arrow{transform:scaleX(-1) rotate(-20deg)}.hand-note--arrow-down-left,.hand-note--arrow-up-left,.hand-note--arrow-left{align-items:flex-end}.hand-note--arrow-up-left,.hand-note--arrow-up-right{flex-direction:column-reverse}.hand-note--top-left,.hand-note--top-right,.hand-note--bottom-left,.hand-note--bottom-right{position:absolute}.hand-note--top-left{bottom:100%;right:100%;transform:translate(2.4rem,1.2rem) rotate(-6deg)}.hand-note--top-right{bottom:100%;left:100%;transform:translate(-2.4rem,1.2rem) rotate(6deg)}.hand-note--bottom-left{top:100%;right:100%;transform:translate(2.4rem,-1.2rem) rotate(4deg)}.hand-note--bottom-right{top:100%;left:100%;transform:translate(-2.4rem,-1.2rem) rotate(-4deg)}.hand-note--inline{position:static}@media screen and (max-width:989px){.hand-note--top-left,.hand-note--top-right,.hand-note--bottom-left,.hand-note--bottom-right{position:static;transform:rotate(-3deg);margin-bottom:.8rem}.hand-note__text{white-space:pre-line}}@media screen and (max-width:749px){.hand-note{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hand-note.css.map */