.image-bg{
	background-position:center;
	background-repeat:no-repeat;
}
.cover{
	background-size:cover !important;
}
.contain{
	background-size:contain !important;
}
.lego-icon-128{
	background-image: url(/assets/LEGO_128px.webp);
    /* background-size: 100%; */
    background-size: cover;
    background-position: center;
}
.color-black{
	color:black !important;
}
.flatD {
    /* position: absolute; */
    position: relative;
    /* border: 1px solid #5d5d5d; */
    /*border-right: 1px solid var(--border-bright);*/
    /*border-bottom: 1px solid var(--border-bright);*/
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    font-family: Arial;
    color: black;
    z-index: 1;
    display: flex;
    /*align-items: center;*/
    /*justify-content: center;*/
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* flex: 0 0 auto; */
}
.title{
	font-size:18px;
}
.text{
	font-size:14px;
	font-weight:500;
}
.bold{
	font-weight:600;
}
/***********/
/***********/
/***********/
/***********/
.gCard {
  border-radius: 1.25rem;
  color: #fff;
  /*filter: drop-shadow(5px 5px 5px #000);*/
  flex-shrink: 0;
  font-family: sans-serif;
  font-size: 1.5rem;
  font-weight: bolder;
  
  /*start* /
  width: 20rem;
  height: 28rem;
  
		/*original:* /
  width: 200px;
  height: 320px;

	/*medium*/
  width: 180px;
  height: 280px;
	/*small*/
  /*width: 146px;*/
  /*height: 240px;*/
  
  /*padding: 2.5rem;*/
  padding: 13px 26px;
  position: absolute;
  /*left:0;*/
  /*top:50%;*/
  /*transform:translate(-50,-50%);*/
  /*, top 0.3s ease-out*/
  transition: transform 0.25s ease-out;
}
.gCard:hover {
	/*top:40%;*/
	/*transform: translateY(-40%) !important;*/
}
.gCards{
	
}
.gCards .gCard:nth-child(1) {
	left:calc(50% - 100px);
  transform: translate(-50%, -50%) rotate(-20deg);
}
.gCards .gCard:nth-child(1):hover {
  transform: translate(-50%, -60%) rotate(-15deg);
}
.gCards .gCard:nth-child(2) {
	left:calc(50% + 100px);
  transform: translate(-50%, -50%) rotate(20deg);
}
.gCards .gCard:nth-child(2):hover {
  transform: translate(-50%, -60%) rotate(15deg);
}
.gCards .gCard:nth-child(3) {
	left:50%;
  transform: translate(-50%, -50%) rotate(0deg);
}
.gCards .gCard:nth-child(3):hover {
  transform: translate(-50%, -60%) rotate(0deg);
}
.gCard--answer {
  /*color: #000;*/
  /*background: #fff;*/
}

.sticker-uni-border{
    border: 1px solid rgba(128, 128, 128, 0.1);
    /*border-radius: 8px;*/
}
/*******/
.giftCardPositioner{
	/*height: 320px;*/

	/*top:70vh;*/
	/*bottom:26px;*/
	/*left:52%;*/
	/*left:80vw;*/
	/*right:20%;*/
	/*right:117px;*/
	/*perspective: 1000px;*/
	/*ori*/
	/*bottom:0px;*/
	/*right:117px;*/
	/*new*/
	bottom:-280px;
	right:117px;
	
}
/*for anim*/
.giftCardPositioner{
	transition:bottom 500ms, margin 500ms, transform 500ms;
	-webkit-animation: fadeIn .5s ease;    
	-moz-animation: fadeIn .5s ease;
	animation: fadeIn .5s ease;	
}
.giftCardPositioner.hover,
.giftCardPositioner:hover
{
	bottom:-180px;
}

.giftCardPositioner.anim{
	bottom:26px;
	/*right:var(--grid6);*/
}

.giftCardPositioner.open{
	bottom:var(--grid2);
	/*right:var(--grid5);*/
}

.giftCardContainer{
	height: 320px;
	/*transition:margin 300ms;*/
}

.js-giftCard{}

/*************/
/**for anim**/
.js-giftCard{
	/*margin-top:280px;*/
	/*transition: all 700ms;*/
	transition:bottom 500ms, margin 500ms, transform 500ms;
	transform: rotateZ(-7deg) rotateY(0deg);
	/*transform-style: preserve-3d;*/
	-webkit-animation: fadeIn .5s ease;    
	-moz-animation: fadeIn .5s ease;
	animation: fadeIn .5s ease;	
}
.js-giftCard.hover{
	/*margin-top:260px;*/
	/*transition:margin 300ms;*/
}
.js-giftCard:hover{
	/*margin-top:220px;*/
}
.js-giftCard.anim{
	/*margin-top:26px;*/
	transform: rotateZ(7deg) rotateY(180deg);
}
.open .js-giftCard{
	/*margin-top:26px;*/
	transform: rotateZ(0deg) rotateY(0deg);
}
/*************/
/*card-sides*/
.giftCard-front, 
.giftCard-back {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    /*font-size: 24px;*/
    /*color: white;*/
    z-index:1;
}
.giftCard-front{
	backface-visibility: hidden;
}
.js-giftCard.show .giftCard-front{display:none}

.giftCard-back{
    /*backface-visibility: hidden;*/
    /*background-color: #F44336;*/
	/*transform-style: preserve-3d;*/
	display:none;
}
.js-giftCard.show .giftCard-back{
    transform: rotateY(180deg);
	display:flex;
	/*transform-style: preserve-3d;*/
}
/*************/
/*************/
.card__footer {
  align-items: center;
  bottom: 30px;
  display: flex;
  font-size: 0.75rem;
  /*left: 2.5rem;*/
  /*position: absolute;*/
  /*right: 2.5rem;*/
}
.card__footer img {
  height: 2rem;
  margin-right: 6px;
  width: 2rem;
}