// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.flag-country {
  --height: 1em;
  --width-height-ratio: calc(100 / 75);

  height: var(--height);
  width: calc(var(--height) * var(--width-height-ratio));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
  position: relative;
  filter: saturate(1.1) drop-shadow(0 1px @box-shadow-radius @box-shadow-color);

  &::after {
    .full-size();
    background: inherit;
    border-radius: inherit;
    filter: contrast(0) brightness(2);
    opacity: 0.25;
    content: '';
  }

  &--flat {
    box-shadow: none;
  }

  &--medium {
    --height: 20px;
  }

  &--small {
    --height: 13px;
  }
}

// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.flag-country {
  --height: 1em;
  --width-height-ratio: calc(100 / 75);

  height: var(--height);
  width: calc(var(--height) * var(--width-height-ratio));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
  position: relative;
  filter: saturate(1.1);

  &::after {
    .full-size();
    background: inherit;
    border-radius: inherit;
    filter: contrast(0) brightness(2);
    opacity: 0.25;
    content: '';
  }

  &--flat {
    box-shadow: none;
  }

  &--medium {
    --height: 20px;
  }

  &--small {
    --height: 13px;
  }
}

Remove country flags drop shadow
Remove country flags drop shadow
