.hp-media{position:relative}.hp-mnote{position:absolute;top:var(--mn-offset, 14px);left:var(--mn-offset, 14px);z-index:5;font-family:var(--hp-font);transition:opacity .25s ease}.hp-media:has(.hp-gallery__badge) .hp-mnote{top:calc(var(--mn-offset, 14px) + 38px)}.hp-mnote.is-away{opacity:0;pointer-events:none}.hp-mnote__btn{display:flex;align-items:center;height:32px;padding:0;border:0;border-radius:16px;background:color-mix(in srgb,var(--mn-btn-bg, #fff) 92%,transparent);color:var(--mn-btn-fg, var(--hp-ink));box-shadow:0 2px 12px #1c1a1724;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.hp-mnote__btn:focus-visible{outline:2px solid var(--hp-ink);outline-offset:2px}.hp-mnote__i{position:relative;flex:0 0 32px;width:32px;height:32px}.hp-mnote__i svg{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.hp-mnote__x{opacity:0;transform:rotate(-90deg) scale(.4)}.hp-mnote__label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:12px;font-weight:500;letter-spacing:.03em;line-height:1;transition:max-width .3s ease,opacity .2s ease,padding .3s ease}@media(hover:hover){.hp-mnote__btn:hover .hp-mnote__label{max-width:200px;padding-right:12px;opacity:1}}.hp-mnote.is-open .hp-mnote__btn{background:var(--mn-open-bg, var(--hp-ink));color:var(--mn-open-fg, #f4eee3);box-shadow:0 4px 16px #1c1a1747}.hp-mnote.is-open .hp-mnote__label{max-width:200px;padding-right:12px;opacity:1}.hp-mnote.is-open .hp-mnote__info{opacity:0;transform:rotate(90deg) scale(.4)}.hp-mnote.is-open .hp-mnote__x{opacity:1;transform:none}.hp-mnote__tip:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}.hp-mnote__tip{position:absolute;top:calc(100% + 10px);left:0;width:300px;padding:16px 18px 17px;border-radius:16px;background:color-mix(in srgb,var(--mn-card-bg, #fff) 97%,transparent);box-shadow:0 18px 44px #1c1a1733,0 2px 6px #1c1a170f;color:var(--mn-card-fg, var(--hp-ink-soft));font-size:var(--hp-t-small);line-height:1.6;text-align:left;visibility:hidden;opacity:0;clip-path:circle(0 at 16px -10px);transition:clip-path .55s cubic-bezier(.65,0,.35,1),opacity .25s ease,visibility 0s linear .55s}.hp-mnote.is-open .hp-mnote__tip{visibility:visible;opacity:1;clip-path:circle(160% at 16px -10px);transition:clip-path .6s cubic-bezier(.65,0,.35,1),opacity .2s ease,visibility 0s}.hp-mnote__body{margin:0;color:inherit;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.hp-mnote.is-open .hp-mnote__body{opacity:1;transform:none;transition-delay:.18s}@media screen and (max-width:749px){.hp-mnote__btn{height:34px;border-radius:17px}.hp-mnote__i{flex-basis:34px;width:34px;height:34px}.hp-mnote__tip{width:min(290px,calc(100vw - 62px))}}@media(prefers-reduced-motion:reduce){.hp-mnote *,.hp-mnote__tip{transition-duration:.01ms!important;transition-delay:0s!important}}.hp-mnb{border:1.5px solid var(--mnb-border, #e8e5cb);border-radius:var(--mnb-radius, 16px);background:var(--mnb-bg, transparent);text-align:left}.hp-mnb__head{display:flex;align-items:center;gap:var(--hp-s3);padding:calc(var(--mnb-pad-block, 12px) - 1.5px) calc(var(--mnb-pad-inline, 16px) - 1.5px);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.hp-mnb__head::-webkit-details-marker{display:none}.hp-mnb__head::marker{content:""}.hp-mnb__head:focus-visible{outline:2px solid var(--hp-ink);outline-offset:2px;border-radius:var(--mnb-radius, 16px)}.hp-mnb__icon{flex:0 0 var(--mnb-icon-size, 22px);width:var(--mnb-icon-size, 22px);height:var(--mnb-icon-size, 22px);color:var(--mnb-icon, var(--hp-ink))}.hp-mnb__icon svg,.hp-mnb__icon img{display:block;width:100%;height:100%;object-fit:contain}.hp-mnb__label{min-width:0;color:var(--mnb-label, var(--hp-ink));font-size:var(--hp-t-label);font-weight:700;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.hp-mnb__more{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding-left:var(--hp-s3);color:var(--mnb-link, var(--mnb-muted, var(--hp-ink-soft)));font-size:var(--hp-t-small);line-height:1.2;white-space:nowrap;transition:color .2s ease}.hp-mnb__more-open,.hp-mnb[open] .hp-mnb__more-closed{display:none}.hp-mnb[open] .hp-mnb__more-open{display:inline}.hp-mnb__chev{flex:0 0 14px;width:14px;height:14px;color:var(--mnb-chev, currentColor);transition:transform .25s ease}.hp-mnb[open] .hp-mnb__chev{transform:rotate(180deg)}@media(hover:hover){.hp-mnb__head:hover .hp-mnb__more{color:var(--mnb-link-hover, var(--hp-ink))}}.hp-mnb__body{padding:0 calc(var(--mnb-pad-inline, 16px) - 1.5px) calc(var(--mnb-pad-block, 12px) + 2px);color:var(--mnb-muted, var(--hp-ink-soft));font-size:var(--hp-t-body);line-height:1.6}.hp-mnb__body p{margin:0}@supports (interpolate-size: allow-keywords){.hp-mnb{interpolate-size:allow-keywords}.hp-mnb::details-content{height:0;overflow:hidden;transition:height .3s ease,content-visibility .3s allow-discrete}.hp-mnb[open]::details-content{height:auto}}@media(prefers-reduced-motion:reduce){.hp-mnb__chev,.hp-mnb::details-content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/hp-material-note.css.map */