.hover-notch-group{--hn-ease:cubic-bezier(.22, 1, .36, 1);--hn-time:.52s}.hover-notch{--notch-r:var(--hn-r);--notch-f:var(--hn-f);transition:--notch-r var(--hn-time) var(--hn-ease), --notch-f var(--hn-time) var(--hn-ease)}.hover-notch--top,.hover-notch__content--top{transform:scaleY(-1)}.hover-notch__content{position:absolute;inset:0}.hover-notch-arrow{transform-origin:100% 100%;transition:scale var(--hn-time) var(--hn-ease), opacity var(--hn-time) var(--hn-ease)}.hover-notch-arrow--top{transform-origin:100% 0}@media (hover:hover) and (pointer:fine){.hover-notch-group .hover-notch{--notch-r:0px;--notch-f:0px}.hover-notch-group:hover .hover-notch,.hover-notch-group:focus-within .hover-notch{--notch-r:var(--hn-r);--notch-f:var(--hn-f)}.hover-notch-group .hover-notch-arrow{opacity:0;scale:0}.hover-notch-group:hover .hover-notch-arrow,.hover-notch-group:focus-within .hover-notch-arrow{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.hover-notch,.hover-notch-arrow{transition:none}}
