.product-hero .hira-hero__notes-profile{gap:16px}.product-hero .hira-hero__notes-header{display:flex;align-items:center;justify-content:center;gap:5px}.product-hero .hira-hero__notes-back{display:flex;width:24px;height:24px;padding:0;border:0;background:none;color:#171717;cursor:pointer}.product-hero .hira-hero__notes-back[hidden]{display:none}.product-hero .hira-hero__notes-back svg{display:block;width:100%;height:100%}.product-hero .hira-hero__notes-heading{font-size:20px;font-weight:700;line-height:28.5px;text-align:center;text-transform:uppercase;color:#171717}.product-hero .hira-hero__notes-heading p{margin:0}.product-hero .hira-hero__notes-stage{display:grid;grid-template-columns:minmax(0,max-content) 160px minmax(0,max-content);justify-content:center;align-items:center;justify-items:center;column-gap:12px}.product-hero .hira-hero__notes-illustration{position:relative;grid-area:1 / 2;width:160px;height:100%;min-height:240px;transform:translate(var(--hira-notes-flip-x, 0px),var(--hira-notes-flip-y, 0px))}.product-hero .hira-hero__notes-illustration.is-flipping{transition:transform var(--hira-notes-dur, .26s) cubic-bezier(.4,0,.2,1)}.product-hero .hira-hero__notes-image{display:block;width:100%;object-fit:contain;object-position:center}.product-hero .hira-hero__notes-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:438 / 622;margin:auto}.product-hero .hira-hero__note-hotspot{position:absolute;width:20px;height:20px;padding:0;border:4px solid #a2c6bc;border-radius:50%;box-sizing:border-box;background:#00a985;transform:translate(-50%,-50%);transition:border-color var(--hira-notes-dur, .26s) ease,background var(--hira-notes-dur, .26s) ease,transform var(--hira-notes-dur, .26s) ease}.product-hero button.hira-hero__note-hotspot{cursor:pointer}.product-hero .hira-hero__note-hotspot[aria-expanded=true]{border-color:#00a985;background:#a2c6bc;transform:translate(-50%,-50%) scale(1.15)}.product-hero .hira-hero__note-hotspot[data-hira-note=top]{top:18.65%;left:64.78%}.product-hero .hira-hero__note-hotspot[data-hira-note=middle]{top:43.22%;left:38.17%}.product-hero .hira-hero__note-hotspot[data-hira-note=base]{top:66.12%;left:57.1%}.product-hero .hira-hero__note-group{display:flex;flex-direction:column;gap:4px;text-align:center}.product-hero .hira-hero__note-group[data-hira-position=right-upper]{grid-area:1 / 3;align-self:start}.product-hero .hira-hero__note-group[data-hira-position=left]{grid-area:1 / 1;align-self:center}.product-hero .hira-hero__note-group[data-hira-position=right-lower]{grid-area:1 / 3;align-self:end}.product-hero .hira-hero__note-label{font-size:18px;font-weight:700;line-height:24px;color:#171717}.product-hero .hira-hero__note-items{font-size:15px;font-weight:400;line-height:22px;color:#171717bf}.product-hero .hira-hero__note-items p{margin:0}.product-hero .hira-hero__note-detail{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;grid-area:1 / 2;text-align:center;translate:0 0;transition:opacity var(--hira-notes-dur, .26s) ease,translate var(--hira-notes-dur, .26s) cubic-bezier(.4,0,.2,1),display var(--hira-notes-dur, .26s) allow-discrete}@starting-style{.product-hero .hira-hero__note-detail{opacity:0;translate:0 8px}}.product-hero .hira-hero__note-detail[hidden]{display:none;opacity:0;translate:0 8px}.product-hero .hira-hero__note-name{font-size:14px;font-weight:500;line-height:18px;color:#171717cc}.product-hero .hira-hero__note-description{align-self:stretch;margin-top:10px;font-size:14px;font-weight:400;line-height:22px;text-align:center;color:#171717cc}.product-hero .hira-hero__note-description p{margin:0}.product-hero .hira-hero__notes-profile[data-hira-selected] .hira-hero__notes-stage{grid-template-columns:160px minmax(0,1fr)}.product-hero .hira-hero__notes-profile[data-hira-selected] .hira-hero__notes-illustration{grid-area:1 / 1}.product-hero .hira-hero__notes-profile[data-hira-selected] .hira-hero__note-group{display:none}@media(max-width:767px){.product-hero .hira-hero__notes-profile{gap:8px}.product-hero .hira-hero__notes-heading{font-size:18px}.product-hero .hira-hero__notes-stage{grid-template-columns:minmax(0,max-content) 148px minmax(0,max-content);column-gap:8px}.product-hero .hira-hero__notes-illustration{width:148px}.product-hero .hira-hero__note-label{font-size:14px;line-height:20px}.product-hero .hira-hero__note-items,.product-hero .hira-hero__note-name,.product-hero .hira-hero__note-description{font-size:12px;line-height:18px}.product-hero .hira-hero__notes-profile[data-hira-selected] .hira-hero__notes-stage{grid-template-columns:148px minmax(0,1fr);column-gap:8px}}@media(prefers-reduced-motion:reduce){.product-hero .hira-hero__notes-profile{--hira-notes-dur: 0ms}.product-hero .hira-hero__note-hotspot[aria-expanded=true]{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/hero-notes-profile.css.map */