/* GENERATED by Tools/VeranstaltungenRedesign/tools/hpp-gen.php (2026-11-13 13:17): edit the table there, not this file.
   Per arrangement and number of prints: centre --x/--y (% of the board), width --w (% of the board width), tilt --r,
   stacking --z, depth of the pointer shift --d, the sticker's corner and tilt; the figure. Board 'land' from 900 px
   (width:height 1.15), board 'strip' below 900 px (1.37). */
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) { --x: 40; --y: 50; --w: 46; --r: -3deg; --z: 5; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) { --x: 77; --y: 24; --w: 44; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) { --x: 78; --y: 74; --w: 32; --r: -5deg; --z: 7; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__fig { display: block; --x: 14.8; --y: 12.4; --w: 25; --r: -4deg; --d: 1; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) { --x: 39.4; --y: 50; --w: 42.3; --r: -3deg; --z: 5; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) { --x: 78.6; --y: 24; --w: 40.5; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) { --x: 79.7; --y: 74; --w: 29.4; --r: -5deg; --z: 7; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__fig { display: block; --x: 16; --y: 14.3; --w: 25; --r: -4deg; --d: 1; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) { --x: 40; --y: 52; --w: 36; --r: -3deg; --z: 5; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) { --x: 76; --y: 28; --w: 40; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) { --x: 77; --y: 74; --w: 27; --r: -5deg; --z: 7; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__fig { display: block; --x: 18.3; --y: 16.1; --w: 22; --r: -4deg; --d: 1; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) { --x: 30.4; --y: 50; --w: 46; --r: -3deg; --z: 5; --d: 1; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) { --x: 74; --y: 24.2; --w: 50; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) { --x: 77.3; --y: 75.2; --w: 36; --r: -4deg; --z: 7; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3"] > .hpp__fig { display: block; --x: 28.4; --y: 87.7; --w: 26; --r: -4deg; --d: 1; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) { --x: 67; --y: 55; --w: 38; --r: 4deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) { --x: 34; --y: 26; --w: 50; --r: -3deg; --z: 5; --d: 0.75; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) { --x: 31; --y: 76; --w: 31; --r: -4deg; --z: 7; --d: 0.9; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__fig { display: block; --x: 86.3; --y: 24.8; --w: 25; --r: 5deg; --d: 1; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) { --x: 68; --y: 55; --w: 35; --r: 4deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) { --x: 33; --y: 26; --w: 46; --r: -3deg; --z: 5; --d: 0.75; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) { --x: 29.9; --y: 76; --w: 28.5; --r: -4deg; --z: 7; --d: 0.9; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__fig { display: block; --x: 85.8; --y: 23; --w: 25; --r: 5deg; --d: 1; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) { --x: 64; --y: 53; --w: 30; --r: 4deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) { --x: 32; --y: 30; --w: 40; --r: -3deg; --z: 5; --d: 0.75; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) { --x: 35; --y: 75; --w: 25; --r: -4deg; --z: 7; --d: 0.9; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__fig { display: block; --x: 80.6; --y: 24.4; --w: 21; --r: 5deg; --d: 1; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) { --x: 69; --y: 56; --w: 42; --r: 4deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) { --x: 36; --y: 24; --w: 54; --r: -3deg; --z: 5; --d: 0.75; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) { --x: 30; --y: 77; --w: 36; --r: -4deg; --z: 7; --d: 0.9; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3cascade"] > .hpp__fig { display: block; --x: 90.5; --y: 25.5; --w: 25; --r: 5deg; --d: 1; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) { --x: 22; --y: 70; --w: 30; --r: -5deg; --z: 7; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) { --x: 53; --y: 43; --w: 66; --r: 2deg; --z: 5; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) .hpp__sticker { top: -11px; left: 12px; right: auto; bottom: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) { --x: 84; --y: 19; --w: 26; --r: 6deg; --z: 4; --d: 0.55; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__fig { display: block; --x: 84.3; --y: 73.2; --w: 25; --r: -5deg; --d: 0.7; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) { --x: 20.3; --y: 70; --w: 27.6; --r: -5deg; --z: 7; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) { --x: 53.2; --y: 43; --w: 60.7; --r: 2deg; --z: 5; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) .hpp__sticker { top: -11px; left: 12px; right: auto; bottom: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) { --x: 86; --y: 19; --w: 23.9; --r: 6deg; --z: 4; --d: 0.55; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__fig { display: block; --x: 81.8; --y: 74.8; --w: 25; --r: -5deg; --d: 0.7; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) { --x: 20; --y: 66; --w: 24; --r: -5deg; --z: 7; --d: 1; --sr: -4deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) { --x: 52; --y: 42; --w: 58; --r: 2deg; --z: 5; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) .hpp__sticker { top: -11px; left: 12px; right: auto; bottom: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) { --x: 85; --y: 22; --w: 20; --r: 6deg; --z: 4; --d: 0.55; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__fig { display: block; --x: 80.6; --y: 73.4; --w: 21; --r: -5deg; --d: 0.7; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) { --x: 22; --y: 76; --w: 34; --r: -5deg; --z: 7; --d: 1; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) { --x: 48; --y: 44; --w: 74; --r: 2deg; --z: 5; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(2) .hpp__sticker { top: -11px; left: 12px; right: auto; bottom: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) { --x: 82; --y: 17; --w: 30; --r: 6deg; --z: 4; --d: 0.55; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="3spread"] > .hpp__fig { display: block; --x: 86.4; --y: 75.9; --w: 26; --r: -5deg; --d: 0.7; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 45; --y: 47; --w: 41; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 80; --y: 20; --w: 37; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 17; --y: 79; --w: 31; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 83; --y: 74; --w: 28; --r: -5deg; --z: 6; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__fig { display: block; --x: 20.4; --y: 14.8; --w: 24; --r: -4deg; --d: 1; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 44.7; --y: 47; --w: 37.7; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 81.8; --y: 20; --w: 34; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 15; --y: 79; --w: 28.5; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 85; --y: 74; --w: 25.8; --r: -5deg; --z: 6; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__fig { display: block; --x: 21.8; --y: 13.6; --w: 24; --r: -4deg; --d: 1; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 45; --y: 48; --w: 31; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 81; --y: 25; --w: 33; --r: 4deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 15; --y: 72; --w: 29; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 84; --y: 76; --w: 23; --r: -5deg; --z: 6; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__fig { display: block; --x: 26.1; --y: 16.8; --w: 20; --r: -4deg; --d: 1; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 50.6; --y: 62.9; --w: 38.7; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 78.2; --y: 16.4; --w: 41.4; --r: 3deg; --z: 6; --d: 0.7; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 16.5; --y: 84.1; --w: 32; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 81.9; --y: 62; --w: 29; --r: -3deg; --z: 6; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="4"] > .hpp__fig { display: block; --x: 27.2; --y: 31.9; --w: 24; --r: -4deg; --d: 1; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) { --x: 48; --y: 50; --w: 40; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) { --x: 81; --y: 19; --w: 35; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) { --x: 19; --y: 73; --w: 32; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) { --x: 83; --y: 69; --w: 27; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) { --x: 19; --y: 24; --w: 26; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__fig { display: block; --x: 48; --y: 15.2; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) { --x: 47.9; --y: 50; --w: 36.8; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) { --x: 82.9; --y: 19; --w: 32.2; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) { --x: 17.1; --y: 73; --w: 29.4; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) { --x: 85; --y: 69; --w: 24.8; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) { --x: 17.1; --y: 24; --w: 23.9; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__fig { display: block; --x: 47.9; --y: 13.2; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) { --x: 48; --y: 50; --w: 30; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) { --x: 82; --y: 24; --w: 31; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) { --x: 17; --y: 74; --w: 29; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) { --x: 85; --y: 71; --w: 20; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) { --x: 15; --y: 28; --w: 21; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__fig { display: block; --x: 48; --y: 18.1; --w: 19; --r: -3deg; --d: 1; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) { --x: 50.6; --y: 62.9; --w: 38.7; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) { --x: 78.2; --y: 16.4; --w: 41.4; --r: 3deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) { --x: 16.5; --y: 84.1; --w: 32; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) { --x: 81.9; --y: 59.8; --w: 29; --r: -3deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) { --x: 17.3; --y: 18.3; --w: 30.1; --r: -4deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="5"] > .hpp__fig { display: block; --x: 50.6; --y: 30.6; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) { --x: 48; --y: 50; --w: 40; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) { --x: 81; --y: 18; --w: 35; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) { --x: 19; --y: 71; --w: 33; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) { --x: 83; --y: 68; --w: 27; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) { --x: 21; --y: 21; --w: 26; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) { --x: 62; --y: 91.5; --w: 19; --r: 5deg; --z: 7; --d: 0.65; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__fig { display: block; --x: 48; --y: 15.2; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) { --x: 47.9; --y: 50; --w: 36.8; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) { --x: 82.9; --y: 18; --w: 32.2; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) { --x: 17.1; --y: 71; --w: 30.4; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) { --x: 85; --y: 68; --w: 24.8; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) { --x: 19.3; --y: 21; --w: 23.9; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) { --x: 62.7; --y: 91.5; --w: 17.5; --r: 5deg; --z: 7; --d: 0.65; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__fig { display: block; --x: 47.9; --y: 13.2; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) { --x: 48; --y: 48; --w: 30; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) { --x: 82; --y: 22; --w: 31; --r: 4deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) { --x: 17; --y: 72; --w: 29; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) { --x: 85; --y: 70; --w: 20; --r: -4deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) { --x: 16; --y: 26; --w: 22; --r: -5deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) { --x: 63; --y: 88; --w: 16; --r: 5deg; --z: 7; --d: 0.65; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__fig { display: block; --x: 48; --y: 16.1; --w: 19; --r: -3deg; --d: 1; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) { --x: 50.6; --y: 62.9; --w: 38.7; --r: -2deg; --z: 5; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) { --x: 78.2; --y: 16.4; --w: 41.4; --r: 3deg; --z: 6; --d: 0.75; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) { --x: 16.5; --y: 84.1; --w: 32; --r: 3deg; --z: 6; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) { --x: 81.9; --y: 59.8; --w: 29; --r: -3deg; --z: 6; --d: 0.8; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) { --x: 17.3; --y: 18.3; --w: 30.1; --r: -4deg; --z: 3; --d: 0.6; --sr: -3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(5) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) { --x: 15.2; --y: 52.4; --w: 24.9; --r: 4deg; --z: 4; --d: 0.65; --sr: 3deg; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__slot:nth-of-type(6) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="pinboard"][data-n="6"] > .hpp__fig { display: block; --x: 50.6; --y: 30.6; --w: 22; --r: -3deg; --d: 1; }
}
@media (min-width: 900px) and (max-width: 1599.98px) {
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 23; --y: 25; --w: 44; --r: -4deg; --z: 9; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 64; --y: 26; --w: 36; --r: 3deg; --z: 8; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 28; --y: 77; --w: 37; --r: 3deg; --z: 7; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 83.5; --y: 73; --w: 35; --r: -3deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__fig { display: block; --x: 87; --y: 22; --w: 21; --r: 4deg; --d: 0.85; }
}
@media (min-width: 1600px) {
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 21.4; --y: 25; --w: 40.5; --r: -4deg; --z: 9; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 64.8; --y: 26; --w: 33.1; --r: 3deg; --z: 8; --d: 0.85; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 26.7; --y: 77; --w: 34; --r: 3deg; --z: 7; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 85.5; --y: 73; --w: 32.2; --r: -3deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__fig { display: block; --x: 86.4; --y: 22; --w: 21; --r: 4deg; --d: 0.85; }
}
@media (min-width: 640px) and (max-width: 899.98px) {
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 15; --y: 33; --w: 28; --r: -4deg; --z: 9; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 40; --y: 63; --w: 23; --r: 3deg; --z: 8; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 61; --y: 34; --w: 25; --r: 3deg; --z: 7; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 89; --y: 72; --w: 23; --r: -3deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__fig { display: block; --x: 77.8; --y: 30; --w: 18; --r: 4deg; --d: 0.9; }
}
@media (max-width: 639.98px) {
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) { --x: 23.3; --y: 20.4; --w: 42.8; --r: -3deg; --z: 9; --d: 0.7; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(1) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) { --x: 78.6; --y: 28.5; --w: 39; --r: 3deg; --z: 8; --d: 0.85; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(2) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) { --x: 23.3; --y: 63.6; --w: 42.8; --r: 2deg; --z: 7; --d: 0.9; --sr: -3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(3) .hpp__sticker { bottom: -12px; left: 12px; right: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) { --x: 78.6; --y: 77; --w: 39; --r: -3deg; --z: 6; --d: 1; --sr: 3deg; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__slot:nth-of-type(4) .hpp__sticker { bottom: -12px; right: 10px; left: auto; top: auto; }
  .hpp__board[data-arr="day"][data-n="4"] > .hpp__fig { display: block; --x: 23.3; --y: 88.2; --w: 24; --r: -3deg; --d: 0.9; }
}