@use cssnext;
/* helpers/fixed.css */

.fixed 					{ position:fixed; will-change:transform; z-index:999;}
.fixed--bottom 			{ bottom:20px; right:20px; z-index:999;}

.button 				{ position:absolute; top:0; right:0; border-style:none; padding:7px 12px; font-size:230%; color:#999; cursor:pointer; background:#fff;}
.button::after 			{ content:'\f057'; font-family:FontAwesome; -webkit-text-stroke:2px #fff;}
.button:focus::after,
.button:hover::after 	{ opacity: 1;}
.button:hover			{ color:#ddd;}

.cookie-disclaimer 		{
  border:0px solid #ddd;
  background:#fff;
  color:#7a7a7a;
  font-size:90%;
  font-weight:400;
  max-width:310px;
  padding:40px;
  padding-right:40px;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
  transform: translateY(120%);
  overflow:hidden; 
}


.cookie-disclaimer a			{ text-decoration:underline; text-underline-position:under; color:#006699;}
.cookie-disclaimer a:hover		{ text-decoration:underline; text-underline-position:under; color:#7a7a7a;}
.cookie-disclaimer.is-active 	{ opacity:1; transform:translateY(0);}
.cookie-disclaimer:first-child 	{ margin-top:0;}
.cookie-disclaimer:last-child 	{ margin-bottom:0;}


.media 					{ display:block;}
.media--center 			{ align-items:center;}
.media__object--left 	{ margin-right:1em;}
.media__object--center 	{ margin:0 auto; margin-top:10px;}
.media__object--right 	{ margin-left:1em; order:1;}
.media__body 			{ position:relative; margin-bottom:0; line-height:1.5em;}

/* for 768px or less */
@media screen and (max-width: 768px) {
.cookie-disclaimer 		{ right:15px; bottom:60px;}
}


/* for 568px or less */
@media screen and (max-width: 568px) {
.cookie-disclaimer 		{ right:25px; bottom:5px; left:25px; width:90%; max-width:auto;}
}