:root{--cyan:#00bed8;--ink:#253a41;--muted:#647b82;--paper:#f7fcfd}
.brand-hat{position:absolute;left:-22px;top:-32px;width:54px;height:54px;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;transform:rotate(-16deg)}
.brand-hat[hidden]{display:none}
.brand-hat span{display:block;width:100%;height:100%;background:url('/appearance.31ef518c4801/brand-hats-v1.png') 0 0/200% 100% no-repeat;pointer-events:none}
.brand-hat[data-mode="birthday"] span{background-position:100% 0}
.brand-hat:focus-visible{outline:2px solid var(--cyan,#00b8cf);outline-offset:2px;border-radius:8px}
@media(max-width:650px){.brand-hat{left:-17px;top:-30px}}
.brand-hat[data-mode="sleep"]{left:-26px}
@media(max-width:650px){.brand-hat[data-mode="sleep"]{left:-21px}}
.brand-hat{pointer-events:none;cursor:inherit}