.berry-hotspot{position:absolute;left:15.65%;top:41.5%;width:7.5%;height:8.2%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer}
.berry-hotspot .hotspot-marker{right:-17%;top:-9%;width:48px;height:37px;font-size:28px}
.berry-hotspot .hotspot-label{left:78%;top:75%;font:30px/1 VeluweDisplay,Impact,sans-serif;opacity:0;visibility:hidden;transition:opacity .18s ease}
.berry-hotspot:hover .hotspot-label,.berry-hotspot:focus-visible .hotspot-label{opacity:1;visibility:visible}
.berry-hotspot:hover .hotspot-marker{transform:translateY(-3px) rotate(-4deg)}
.berry-hotspot:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:10px}
.berry-mobile-link{display:none}
.berry-shelf{position:absolute;inset:0;z-index:7;overflow:clip;background:#715039;isolation:isolate;opacity:0;transform:scale(1.035);transform-origin:50% 46%;transition:opacity 750ms ease 220ms,transform 1200ms var(--ease);pointer-events:none}
.berry-shelf__stage{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;pointer-events:auto}
.berry-shelf__painting,.berry-shelf__frame{position:absolute;inset:0;display:block;width:1536px;height:1024px;border:0;user-select:none}
.berry-shelf__painting{pointer-events:none}
.berry-shelf__frame{background:transparent;opacity:0;transition:opacity .18s ease}
.berry-shelf[data-ready=true] .berry-shelf__frame{opacity:1}
.berry-shelf__back{z-index:2;opacity:1!important}
.berry-shelf__actions{position:absolute;z-index:2;left:50%;bottom:25px;transform:translateX(-50%);width:min(280px,calc(100% - 40px));display:flex;justify-content:center}
.berry-shelf__error{position:absolute;left:50%;top:50%;max-width:75%;transform:translate(-50%,-50%);margin:0;padding:24px 30px;background:var(--paper);color:var(--blue);font:32px/1.15 VeluweDisplay,Impact,sans-serif;text-align:center}
body[data-view=berries] .shop{overflow:clip}
body[data-view=berries] .berry-shelf{opacity:1;transform:scale(1);pointer-events:auto}
body:is([data-view=berry-entering],[data-view=berries]) .wide-scene{transform:translate(-8%,-49%) scale(1.65)}
body[data-view=berries] .wide-scene{opacity:0}
body:is([data-view=berry-entering],[data-view=berries]) .wide-controls{pointer-events:none;opacity:0}
@media(max-width:700px){.berry-mobile-link{position:absolute;left:16px;top:88px;display:block;border:0;padding:13px 18px;pointer-events:auto;background:var(--paper);color:var(--blue);font:25px/1 VeluweDisplay,Impact,sans-serif;clip-path:polygon(1% 5%,96% 0,100% 93%,3% 100%)}.berry-shelf__actions{bottom:18px;width:min(280px,calc(100% - 40px))}}
@media(prefers-reduced-motion:reduce){.berry-hotspot .hotspot-label,.berry-shelf__frame,.berry-shelf{transition:none}body:is([data-view=berry-entering],[data-view=berries]) .wide-scene{transform:translate(-50%,-50%)!important}.berry-shelf{transform:none}.berry-hotspot:hover .hotspot-marker{transform:none}}