text: import {css} from 'lit';
  
  export default css`
  	:host {
  		position: relative;
  	}
  
  	.big-btn {
  		display: inline-block;
  		margin: 10px auto;
  		padding: 9px 14px;
  		border-radius: 10px;
  		font-weight: bold;
  		font-size: 1.2em;
  		background: rgba(107, 107, 107, 0.64);
  		box-shadow: 0 3px 0 rgba(54, 54, 54, 0.94);
  		opacity: 1;
  		transition: all 0.19s;
  		color: var(--yellow);
  	}
  
  	.big-btn:hover,
  	.big-btn:focus {
  		color: var(--yellow);
  		box-shadow: 0 3px 0 var(--yellow);
  		text-shadow: none;
  	}
  
  	.big-btn:active {
  		box-shadow: none !important;
  		transform: translateY(3px);
  	}
  
  	.big-btn span {
  		padding-right: 10px;
  		vertical-align: -1px;
  	}
  
  	.col-left {
  		display: none;
  	}
  
  	.col-right {
  		margin-top: 0;
  	}
  
  	.col-right > div {
  		opacity: 1;
  		visibility: visible;
  		transition: 450ms opacity;
  		position: static;
  		width: 100%;
  		margin-bottom: 20px;
  	}
  
  	.col-right > div:last-child {
  		margin-bottom: 100px;
  	}
  
  	.col-right > div.fade-in {
  		opacity: 1 !important;
  		visibility: visible !important;
  		transition: 300ms opacity;
  	}
  
  	#div-default {
  		display: none;
  	}
  
  	/* > mobile */
  	@media (min-width: 801px) {
  		ul {
  			list-style-type: inherit;
  			padding-left: 20px;
  		}
  
  		.col-left {
  			display: block;
  		}
  
  		.col-right > div {
  			opacity: 0;
  			visibility: hidden;
  			width: 44%;
  			position: absolute;
  			max-width: 728px;
  		}
  
  		.col-right > div:last-child {
  			margin-bottom: 20px;
  		}
  
  		#div-default {
  			display: block;
  		}
  	}
  
  	/* tablet */
  	@media (min-width: 801px) and (max-width: 1265px) {
  		.col-right {
  			margin-top: 25px;
  		}
  
  		.col-right > div {
  			width: 100%;
  			max-width: 490px;
  		}
  	}
  `;