.ol-layer-switcher.ol-unselectable.ol-control
  left 0
  right 0
  padding 0
  bottom 0

.ol-layer-switcher .container1
  max-width 100%
  height: 0px
  background: white
  position: absolute
  left: 0
  bottom: 0
  transition: ease 0.5s height
  overflow-x: auto
  overflow-y: hidden

.ol-layer-switcher .container2
  width max-content
  padding 0 5px

.ol-layer-switcher div.expanded
  height: 130px

#layer-switcher-button
  width: 100px
  height: 35px
  font-size: 16px
  background: white
  position: absolute
  bottom: 10px
  left: 10px
  margin: 0
  text-align: center
  padding: 0 10px
  vertical-align: text-top
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3)

#layer-switcher-button.expanded
  box-shadow: -1px -1px 2px 0px rgba(0,0,0,0.1), 1px -1px 2px 0px rgba(0,0,0,0.1)
  bottom: 130px

.ol-layer-switcher div, .ol-layer-switcher button
  transition: ease 0.5s

.ol-layer-switcher button label
  font-weight: bold
  color: black
  margin-top: 7px

.ol-layer-switcher button label:before
  content: 'Skift kort'

.ol-layer-switcher button .expanded label:before
  content: 'Skjul'

.ol-layer-switcher button div
  //background-image: url('./images/Path small@2x.png')
  background-size: 10px 18px
  height: 18px
  width: 10px
  float: right
  transform: rotate(-90deg)

.ol-layer-switcher button.expanded div
  transform: rotate(90deg)
  margin-top: 2px

.ol-layer-switcher .wrapper
  display: inline-block
  margin: 10px 5px
  width: 110px
  height: 110px
  position: relative

.ol-layer-switcher .image
  width: 110px
  height: 110px

.ol-layer-switcher .selected
  outline: 2px solid #00000030
  transition: ease 0s

.ol-layer-switcher .wrapper:hover, .ol-layer-switcher .wrapper label
  cursor: pointer

.ol-layer-switcher .wrapper label
  color: white
  position: absolute
  left: 0
  bottom: 0
  font-weight: 700
  font-size: 0.75rem
  text-shadow: 0px 0px 3px black
  background-image: linear-gradient(transparent,transparent 20%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.6))
  width: 100%
  padding-top: 3rem
  text-align: center;


.ol-layer-switcher .wrapper .white
  color: white

.ol-layer-switcher .wrapper .black
  color: black