/* Paper-cut icon atlases. Sizes are set by the components in site.css. */
.icon {
  display: inline-block; flex: none; width: 28px; height: 28px; vertical-align: middle;
  background-image: url('../img/paper-icon-atlas.png');
  background-image: image-set(url('../img/paper-icon-atlas.avif') type('image/avif'), url('../img/paper-icon-atlas.png') type('image/png'));
  background-repeat: no-repeat; background-size: 400% 300%;
  filter: drop-shadow(.5px 1px .5px rgba(25, 42, 29, .23)) drop-shadow(1.5px 3px 2px rgba(25, 42, 29, .20));
}
.icon--leaf { background-position: 0% 0%; }
.icon--dumbbell { background-position: 33.333333% 0%; }
.icon--scale { background-position: 66.666667% 0%; }
.icon--bolt { background-position: 100% 0%; }
.icon--chat { background-position: 0% 50%; }
.icon--clipboard { background-position: 33.333333% 50%; }
.icon--hand { background-position: 66.666667% 50%; }
.icon--pin { background-position: 100% 50%; }
.icon--mail { background-position: 0% 100%; }
.icon--users { background-position: 33.333333% 100%; }
.icon--gift { background-position: 66.666667% 100%; }
.icon--arrow { background-position: 100% 100%; }

/* Instagram and booking calendar. */
.social-paper-icon {
  display: inline-block; flex: none; width: 44px; height: 44px; vertical-align: middle;
  background: url('../img/social-booking-icons.png') no-repeat;
  background-image: image-set(url('../img/social-booking-icons.avif') type('image/avif'), url('../img/social-booking-icons.png') type('image/png'));
  background-repeat: no-repeat; background-size: 200% 100%;
  filter: drop-shadow(.5px 1px .5px #172d2338) drop-shadow(1.5px 3px 2px #172d2330);
}
.social-paper-icon--instagram { background-position: 0 50%; }
.social-paper-icon--calendar { background-position: 100% 50%; }