:root {
	--avr-width-sec: 786px;
	--avr-bg-1: white; /* White -> Black */
	--avr-bg-2: #f1f1f1; /* Gray-1 -> Gray-3 */
	--avr-bg-3: rgba(0,0,0,0.75); /* Modal blocker */
	--avr-bg-4: #fff; /* White -> Gray-3 */
	--avr-body: #232323;
	--avr-f-body: invert(12%) sepia(3%) saturate(24%) hue-rotate(2deg) brightness(90%) contrast(92%);
	
	--avr-blue-1: #daf3ff;
	--avr-blue-2: #039be5;
	--avr-blue-3: #0c75cb;
	--avr-f-blue-2: invert(72%) sepia(67%) saturate(7360%) hue-rotate(173deg) brightness(99%) contrast(98%);
	--avr-f-blue-3: invert(35%) sepia(57%) saturate(5682%) hue-rotate(191deg) brightness(92%) contrast(91%);
	
	--avr-green-1: #d6e9dc;
  --avr-green-2: #15af68;
  --avr-green-3: #0e7813;
	--avr-f-green-2: invert(48%) sepia(95%) saturate(371%) hue-rotate(100deg) brightness(93%) contrast(97%);
	--avr-f-green-3: brightness(0) saturate(100%) invert(18%) sepia(83%) saturate(5970%) hue-rotate(98deg) brightness(100%) contrast(89%);
	
	--avr-turq-1:#97e3dc;
	--avr-turq-2:#22d5c4;
	--avr-turq-3:#108c81;
	--avr-f-turq-2: brightness(0) saturate(100%) invert(70%) sepia(100%) saturate(337%) hue-rotate(116deg) brightness(83%) contrast(103%);
  --avr-f-turq-3: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(3668%) hue-rotate(140deg) brightness(90%) contrast(87%);

	--avr-red-1: #f3dada;
	--avr-red-2: #c31b1b;
	--avr-red-3: #910f0f;
	--avr-f-red-2: invert(16%) sepia(91%) saturate(3453%) hue-rotate(354deg) brightness(86%) contrast(88%);
	--avr-f-red-3: invert(14%) sepia(30%) saturate(5867%) hue-rotate(344deg) brightness(108%) contrast(109%);
	
	--avr-orange-1: #eeae80;
	--avr-orange-2: #e99906;
	--avr-orange-3: #c25e16;
	--avr-f-orange-1: brightness(0) saturate(100%) invert(89%) sepia(64%) saturate(6822%) hue-rotate(300deg) brightness(96%) contrast(95%);
	--avr-f-orange-2: brightness(0) saturate(100%) invert(71%) sepia(49%) saturate(4563%) hue-rotate(5deg) brightness(99%) contrast(95%);
	--avr-f-orange-3: brightness(0) saturate(100%) invert(32%) sepia(72%) saturate(4896%) hue-rotate(26deg) brightness(105%) contrast(83%);
	
	--avr-purple-1:#c1a2e3;
	--avr-purple-2:#8b3ddf;
	--avr-purple-3:#4c1489;
	--avr-f-purple-2: brightness(0) saturate(100%) invert(25%) sepia(39%) saturate(2906%) hue-rotate(249deg) brightness(118%) contrast(101%);
  --avr-f-purple-3: brightness(0) saturate(100%) invert(16%) sepia(52%) saturate(3809%) hue-rotate(259deg) brightness(82%) contrast(110%);
	
	--avr-magenta-1:#e784c5;
	--avr-magenta-2:#d21791;
	--avr-magenta-3:#951569;
	--avr-f-magenta-2: brightness(0) saturate(100%) invert(25%) sepia(75%) saturate(2163%) hue-rotate(296deg) brightness(88%) contrast(115%);
  --avr-f-magenta-3: brightness(0) saturate(100%) invert(15%) sepia(89%) saturate(2230%) hue-rotate(300deg) brightness(99%) contrast(102%);
	
	--avr-slate-2: #4e5c68;
	
	--avr-gold-1: #f1e9c2;
	--avr-gold-2: #d5b822;
	--avr-gold-3: #6b5d13;
	--avr-f-gold-1: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(508%) hue-rotate(340deg) brightness(103%) contrast(89%);
	--avr-f-gold-2: brightness(0) saturate(100%) invert(65%) sepia(72%) saturate(476%) hue-rotate(10deg) brightness(99%) contrast(89%);
	--avr-f-gold-3: brightness(0) saturate(100%) invert(32%) sepia(11%) saturate(6474%) hue-rotate(29deg) brightness(92%) contrast(85%);
		
	--avr-black: black;

	--avr-black-1: #c3c3c3;
	--avr-black-2: #424242;
	--avr-black-3: black;
	--avr-f-black-1: brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(643%) hue-rotate(181deg) brightness(94%) contrast(90%);
	--avr-f-black-2: brightness(0) saturate(100%) invert(20%) sepia(9%) saturate(10%) hue-rotate(69deg) brightness(107%) contrast(85%);
	--avr-f-black-3: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7493%) hue-rotate(323deg) brightness(102%) contrast(95%);
		

	--avr-white: white;
	--avr-f-white: invert(100%) sepia(0%) saturate(1%) hue-rotate(200deg) brightness(110%) contrast(101%);
	
	--avr-gray-1: #f1f1f1;
	--avr-gray-2: gray;
	--avr-gray-3: #232323;
	--avr-gray-4: #d6d6d6;
	--avr-gray-5: #b5b5b5;
	--avr-f-gray-1: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(69%) hue-rotate(180deg) brightness(116%) contrast(89%);;
	--avr-f-gray-2: invert(50%) sepia(37%) saturate(18%) hue-rotate(326deg) brightness(93%) contrast(94%);
	--avr-f-gray-3: brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(0%) hue-rotate(152deg) brightness(93%) contrast(89%);
	
	--avr-brand: #01205e;
	--avr-f-brand: brightness(0) saturate(100%) invert(8%) sepia(56%) saturate(4637%) hue-rotate(214deg) brightness(98%) contrast(105%);
	
	--avr-border: 1px solid #ced4da;
	--avr-border-color: #ced4da;
	--avr-shadow-1: 0px 1px 4px 0px #c4c4c4;
	--avr-shadow-2: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
	--avr-shadow-3: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2) !important;
	
	--avr-highlight-blue: #daf3ff;
	--avr-highlight-yellow: rgb(255, 255, 0);
	--avr-highlight-gray: #f1f1f1;
	--avr-highlight-none: white;
	scrollbar-color: auto auto;
}

html,body {
	margin:0;
	padding:0;
	color:var(--avr-body);
	overflow:hidden;
	background: var(--avr-bg-2);
	font-size: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
	* {
		box-sizing:border-box;
	}

	a, a:visited, a:link, a:active {
		text-decoration:none;
		color:var(--avr-gsc-2);
		cursor:pointer;
		transition:color 320ms;

		&:hover {
			color:var(--avr-gsc-3);
			transition:color 320ms;
		}
	}
}
.hide, .visually-hidden {display:none !important;}
bodyWrap {
	display:block;
	height:100dvh;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:thin;
	scroll-behavior: smooth;
}

section {
	&.head {
		margin-bottom: 50px;
		background:var(--avr-bg-1);
		border-bottom:var(--avr-border);
		box-shadow: var(--avr-shadow-1);
		position:relative;
		z-index:1;

		.bdrop {
			height: 505px;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100dvw;

			&::before {
				position: absolute;
	      display: block;
	      content: "";
			}
			&::after {
				position: absolute;
	      display: block;
	      content: "";
	      height:155px;
	      width:100dvw;
	      top:350px;
	      left:0;
	      background: #ffffff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 76%, rgba(255, 255, 255, 1) 100%);
	    }

			&[data-bdrop-id="1"] {
				&::before {
					top: -36dvw;
		      left: 0;
		      width: 100dvw;
		      height: auto;
		      aspect-ratio:1/1;
		      background: url(/assets/static/bdrop/backdrop-celestial.png) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity: 0.3;
		      animation: infiniteRotate 260s linear infinite;
				}
				&::after {
					top:30px;
					height:475px;
					background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 55%, rgba(255, 255, 255, 1) 100%);
				}
			}
			&[data-bdrop-id="2"] {
				&::before {
					top: 0;
		      left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/assets/static/bdrop/backdrop-snow.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
				}
			}
			&[data-bdrop-id="3"] {
				&::before {
					top: -165px;
		      left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/assets/static/bdrop/backdrop-plane.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.1;
				}
			}
			&[data-bdrop-id="4"] {
				&::before {
					top: -12px;
	        left: calc(50% - 197px);
		      width: 370px;
		      aspect-ratio: 1/1;
		      height: 370px;
		      background: url(/assets/static/bdrop/backdrop-swirl.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.7;
				}
			}
			&[data-bdrop-id="5"] {
				&::before {
					top: -110px;
	        left: calc(50% - 250px);
	        width: 500px;
	        height: 505px;
		      background: url(/assets/static/bdrop/backdrop-confetti.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.35;
				}
			}
			&[data-bdrop-id="6"] {
				&::before {
					top: -188px;
	        left: 0;
	        width: 103dvw;
	        height: 619px;
		      background: url(/assets/static/bdrop/backdrop-solar.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.4;
				}
				&::after {
					height: 290px;
	        width: 100dvw;
	        top: 215px;
				}
			}
			&[data-bdrop-id="7"] {
				&::before {
					top: -37px;
	        left: 0;
		      width: 100dvw;
		      height: 505px;
		      background: url(/assets/static/bdrop/backdrop-waves.gif) no-repeat;
		      background-size: cover;
		      background-position: center center;
		      opacity:0.5;
				}
			}
		}

		> .row {
			z-index:2;
			position: relative;
		}
		&.show-submenu {
			z-index:3;

			#menuInner {
				z-index: 6;
				position:fixed;
				top:10px;
				backdrop-filter: blur(7px);
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 30px;
            box-shadow: var(--avr-shadow-1);
			}
		}
	}
	&.body {
		> .row {
			padding:0 20px;
		}
	}
}

.sspy {
	scroll-behavior: smooth;
  scroll-margin:44px;
}
.row {
	width:100%;
	max-width:768px;
	margin:0 auto;

	&[data-row-id="1"] {
		height:90px;
		margin:0 auto 0 auto;
	}
	&[data-row-id="2"] {
		min-height:200px;
		padding:0 20px;
		margin:0 auto;
		position: relative;
    z-index: 1;
	}
	&[data-row-id="3"] {
		padding:0 20px;
		height:44px;
	}
	&[data-row-id="8"] {
		padding:0 20px 50px 20px;
		text-align:center;
		color:var(--avr-gray-2);

		span {
			display: block;

			&.f1 {
  			margin-bottom:15px;
  			font-size: .8rem;
  		}
		}

		a {
			color:var(--avr-gray-2);
			text-decoration:underline;

			&:hover {
				color:var(--avr-gray-3);
			}
		}
	}
}

.fbw {
	display:flex;

	&[data-fbw-id="1"] {
		flex-direction: column;
		border-bottom:var(--avr-border);
		padding-bottom: 80px;
		align-items: center;

		.fbi {
			&[data-fbi-id="1-1"] {
				flex:0 0 184px;
				width: 160px;
				border:var(--avr-border);
				background:var(--avr-bg-1);
				border-radius:50%;	
				padding: 20px;
        text-align: center;
			}		
			&[data-fbi-id="1-2"] {
				flex:1 1 auto;	
				padding:40px 0 0 0;
				text-align: center;

				h1 {
					display:flex;
					justify-content: center;

					> span, > a {
						flex:0 0 auto;
					}

					> a {
						display:block;
						width:38px;
						height:38px;
						background-size:34px auto;
						background-position: 7px 5px;
						background-repeat:no-repeat;

						&.auth-v {
							filter:var(--avr-f-turq-2);
							background-image:url(/assets/static/icn/badge-check-solid-full.svg);
						}
						&.auth-uv {
							filter:var(--avr-f-gray-2);
							background-image:url(/assets/static/icn/seal-exclamation.svg);
						}
					}
				}
				h2 {
					font-weight: 400;
			    color: var(--avr-gray-2);
			    margin: 5px 0 0 0;
				}
			}		
		}
	}
	&[data-fbw-id="2"] {
		
		width:100%;
		max-width:726px;
		flex-direction: row;

		.fbi {
			&[data-fbi-id="2-1"] {
				flex:1 1 auto;
			}
			&[data-fbi-id="2-2"] {
				flex:0 0 auto;
				display: flex;

				a {
					display: block;
          flex: 0 0 auto;
          padding:0 10px 0 24px;
          color:var(--avr-gray-2);
          position:relative;
          line-height: 44px;
          font-weight:500;

          .icon {
          	display:block;
          	position: absolute;
          	content:"";
          	display: block;
            top: 13px;
            left: 0;
            width: 18px;
            height: 18px;
            background-image: url(/assets/static/icn/circle-solid.svg);
            background-position: center center;
            background-repeat: no-repeat;
            filter: var(--avr-f-gray-2);
            opacity: 0.8;

            &.icon--share {
            	background-image: url(/assets/static/icn/share-solid.svg);
            }
            &.icon--qr {
            	background-image: url(/assets/static/icn/qr.svg);
            }
          }

          &:hover {
          	color:var(--avr-body);

          	.icon {
          		filter: var(--avr-f-body);
          	}
          }
				}
			}
		}
	}
}

h1 {
	font-size:1.8rem;
	margin:0;
}
h2 {
	font-size: 1.4rem;
  margin: 0;
  line-height: 1.4rem;
}
h3 {
	font-size:1.1rem;
	margin:0;
}


.stats {
	display:flex;
	padding:20px 0 0 0;

	.stat {
		flex:0 0 auto;
		padding-right:20px;
		font-size:1.2rem;

		&.stat-3 {
			padding-right:0;
		}
	}
}

ul {
	&[data-menu-id="1"] {
		margin:0;
		padding:0;
		list-style-type:none;
		display:flex;

		li {
			flex:0 0 auto;

			a {
				display:block;
				padding:0 10px;
				height:44px;
				line-height:44px;
				font-weight:500;
				color:var(--avr-gray-2);
				position:relative;

				img {
					width: 18px;
    			margin-top: 10px;
    			filter:var(--avr-f-gray-2);
				}
				&::after {
					position:absolute;
					display: block;
					content: "";
					bottom:0;
					left:0;
					width:100%;
					height:4px;
					border-radius: 4px 4px 0 0;
					background-color: transparent;
				}
				&:hover {
					color:var(--avr-body);

					img {
						filter:var(--avr-f-body);
					}
				}
			}

			&.active a {
				color:var(--avr-gsc-2);

				img {					
					filter:var(--avr-f-gsc-2);
					
					&.no-filter {
						filter:none !important;
					}
				}
				&::after {
					background-color: var(--avr-gsc-2);
				}
			}
		}
	}
}

.card {
	background-color:var(--avr-bg-1);
	border:var(--avr-border);
	border-radius: 10px;
	margin-bottom:50px;
	min-height:200px;
	overflow:hidden;

	.card__head {
		padding:20px 20px 0 20px;
	}
	.card__body {
		padding:0;

		.cb__banner {
			text-align:center;
			border-top:var(--avr-border);
			border-bottom:var(--avr-border);
			padding:30px 0;
			margin-bottom:20px;

			img {
				width:70%;
				max-width:300px;
			}
		}
	}

	h2 {
		margin:0 0 5px 0;
	}

	p {
		margin:0 0 10px 0;
	}
	p.lead {
		margin:0 0 20px 0;
		color:var(--avr-gray-2);
	}

	&[data-card-id="3"] {
		overflow:visible;

		.card__body {
			padding:0 20px 0 20px;
		}
	}
}

.card[data-card-id="1"],
.card[data-card-id="2"] {
	.card__head {
		border-bottom: var(--avr-border);
	}
}

.cb__block {
	padding-top: 48px;
	position: relative;

	.title {
		position: absolute;
    top: 15px;
    left: 20px;
    font-size: .9rem;
    color: var(--avr-gray-2);
    margin: 0;
    font-weight: 400;
	}
}
.cb__follow {
	display:flex;
	border-top: var(--avr-border);
	padding-top:10px;
	margin-top:20px;
	color:var(--avr-gray-2);

	.f-lbl {
		flex:0 0 135px;
		font-weight:500;
		height: 30px;
    line-height: 30px;
	}
	.f-i {
		flex: 0 0 30px;
    height: 30px;
    padding: 6px;
    border-radius: 5px;
    background: transparent;
    margin-right: 4px;

    img {
    	width: 18px;
      height: 18px;
      filter: var(--avr-f-gray-2);
    }

    &:hover {
    	background: var(--avr-gray-1);

    	img {
      	filter: var(--avr-f-gray-3);
      }
    }
	}
}
.pub-id {
	display: flex;
	flex-direction: row;
	border-radius: 5px;
	flex: 1 1 auto;
	min-height: 300px;
	position: relative;
	padding-top: 48px;

	&::before {
    display: block;
    content: "";
    width: 100px;
    height: 0;
    border-bottom: var(--avr-border);
    position: absolute;
    top: calc(50% + 10px);
    left: 0;
	}

	.main {
		flex: 0 0 240px;
    padding: 0 20px 25px 20px;

    .print {
    	border-radius: 100px;
	    background: var(--avr-bg-1);
	    display: inline-block;
	    padding: 15px 0px 0px 15px;
	    perspective: 2200px;
	    text-align: left;
	    transform-origin: 107% 60%;
	    transform-style: preserve-3d;
	    transform: rotateX(0deg) rotateY(0deg);
	    width: 170px;
	    margin: 10px 0 0 15px;
	    height: 235px;
	    border: var(--avr-border);

	    .inner {
	    	border-radius: 147% 147% 147% 147%;
		    border-radius: 168% 168% 155% 155%;
		    box-shadow: 0px 0px 17px 4px #dcf3fe96;
		    border: var(--avr-border);
		    display: inline-block;
		    height: 201px;
		    overflow: hidden;
		    perspective: 2400px;
		    position: relative;
		    transform-style: preserve-3d;
		    transform: translateX(0px);
		    transition: transform 200ms ease-out;
		    width: 138px;
		    text-align: center;
		    animation-name: lfpCardFade;
		    animation-duration: 30s;
		    animation-iteration-count: infinite;
		    transition: background 320ms;

		    .front {
		    	background-image: url(/assets/static/print.png);
			    background-repeat: no-repeat;
			    background-size: 138px 198px;
			    background-position: 0px 0px;
			    filter: var(--lwa-f-body-color);
			    left: 14px;
			    width: 160px;
			    height: 201px;
			    top: 1px;
			    position: absolute;
			    transform-origin: 50% 50%;
			    transform: translateX(-13px);
			    z-index: 0;
			    transition: background-image 1.5s, background-size 1.5s, top 1.5s, left 1.5s, width 1.5s, height 1.5s;
		    }
	    }
    }
	}
	.actions {
		position: absolute;
    top: 15px;
    right: 12px;
    display: flex;

    a {
    	display: block;
      flex: 0 0 22px;

    	.icon {
    		width: 22px;
        height: 22px;
        position: relative;

        &::before {
        	display: block;
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 22px;
          height: 22px;
          background-image: url(/assets/static/icn/circle-solid.svg);
          background-position: center center;
          background-repeat: no-repeat;
          filter: var(--avr-f-gray-2);
          opacity: 0.8;
        }    
    		&.icon--share::before {
    			background-image: url(/assets/static/icn/share-solid.svg);
    		}
    		&.icon--info::before {
    			background-image: url(/assets/static/icn/circle-info-solid-full.svg);
    		}
    		&.icon--vlvl-1::before {
    			background-image: url(/assets/static/icn/circle-1.svg);
    		}
    		&.icon--vlvl-2::before {
    			background-image: url(/assets/static/icn/circle-2.svg);
    		}
    		&.icon--vlvl-3::before {
    			background-image: url(/assets/static/icn/circle-3.svg);
    		}
    		&.icon--vlvl-4::before {
    			background-image: url(/assets/static/icn/circle-4.svg);
    		}
    		&.icon--vlvl-5::before {
    			background-image: url(/assets/static/icn/circle-5.svg);
    		}
    	}

    	&:hover .icon::before {
        filter: var(--avr-f-body);
        opacity: 1;
    	}

    	&#modalAuthorVlvlTrigger {
    		margin:0 6px 0 10px;
    	}
    }
	}
	.aside {
		flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-top: 10px;

    .aside-row {
    	flex: 0 0 auto;
      border-bottom: var(--avr-border);
      padding: 10px 20px 10px 0;

      &:first-of-type {
        border-top: var(--avr-border);
      }
      &:last-of-type {
        border-bottom: 0;
        padding-bottom: 20px;
      }

      .val {
      	font-size: .9rem;
        color: var(--avr-gray-2);
      }
    }
	}
}

.w-list {
	padding: 10px 0;

	.empty {
		text-align:center;
		color:var(--avr-gray-2);
		padding:0 20px;
		height:44px;
		line-height:44px;
	}
	.w-item {
		padding-left: 64px;

		.w-item__title {
			position:relative;
			padding:10px 79px 10px 0;
			border-bottom: var(--avr-border);
			cursor:pointer;

			.title-icon {
				position:absolute;
				top:7px;
				left:-50px;
				width:44px;
				height:44px;

				.img {
					background-size:30px auto;
					background-position:center center;
					background-repeat:no-repeat;
					width: 44px;
          height: 44px;
          
					
					&[data-lfp-status="2"],
					&[data-lfp-status="3"] {
						background-image:url(/assets/static/icn/linga-lock-solid.svg);
						filter:var(--avr-f-gray-2);
						opacity:0.6;
						background-position: top center;
					}
					&[data-lfp-status="1"] {
						background-image:url(/assets/static/icn/linga-lock-solid.svg);
						filter:var(--avr-f-green-2);
						background-position: top center;
					}
					&[data-type-id="1"] {
						background-image:url(/assets/static/icn/user-solid-full.svg);
						filter:var(--avr-f-body);
					}
					&[data-type-id="2"] {
						background-image:url(/assets/static/icn/file-plus-solid-full.svg);
						filter:var(--avr-f-body);
					}
					&[data-type-id="3"] {
						background-image:url(/assets/static/icn/fingerprint-solid-full.svg);
						filter:var(--avr-f-body);
					}
					&[data-type-id="4"] {
						background-image:url(/assets/static/icn/file-certificate-solid-full.svg);
						filter:var(--avr-f-body);
					}
					&[data-type-id="5"], &[data-type-id="6"] {
						background-image:url(/assets/static/icn/merge-solid-full.svg);
						filter:var(--avr-f-body);
					}
				}
			}
			.title-info {
				
		    .main {
		    	display: -webkit-box;
			    -webkit-box-orient: vertical;
			    overflow: hidden;
			    -webkit-line-clamp: 1;
			    line-clamp: 1;
			    line-height: 1.3rem;
		    }
				.sub {
					font-size: .85rem;
    			color: var(--avr-gray-2);
				}
			}
			.title-view {
				position:absolute;
				top:18px;
				right:20px;

				.trigger {
					color: var(--avr-gsc-2);

					&::before {
						content:"View ";
					}
					&::after {
						display: inline-block;
						content:"›";
					}

					&:hover {
						color: var(--avr-gsc-3);
					}
				}
			}
		}
		.w-item__content {
			padding:0 20px 15px 0;
			display:none;
		}

		&:last-of-type {
			.w-item__title,
			&.is-expanded .w-item__content {
				border-bottom:0;
			}
		}

		&.is-expanded {
			.w-item__title {
				border-bottom: 0;

				.title-view {
					.trigger {
						color: var(--avr-red-2);

						&::before {
							content:"Hide ";
						}
						&::after {
							transform: rotate(90deg);
              padding: 0 0 0 5px;
						}
						&:hover {
							color: var(--avr-red-3);
						}
					}
				}
			}
			.w-item__content {
				display:block;
				border-bottom: var(--avr-border);
			}
		}
	}
}

.bold-500 {
	font-weight:500;
}
.hide {display:none !important;}

.dtable {
	font-size:.9rem;

	.dtr {
		display:flex;
		flex-direction:row;
		padding-bottom: 5px;

		.dtc {
			flex:0 0 50%;
			display:flex;

			.dtc__lbl {
				flex:0 0 100px;
				color:var(--avr-gray-2);
			}
			.dtc__val {
				flex:1 1 auto;
			}
		}

		&.dtr--full {
			.dtc {
				flex:0 0 100%;
			}
		}
	}
}

.amatrix {
	min-height: 300px;
	position: relative;
	border-top:var(--avr-border);

	p.lead {
		padding:0 20px 0 20px;
	}
	.key {

		.links {
			position:relative;
			padding: 0 8px 15px 6px;
      white-space: nowrap;

			button {
			  border: none;
			  outline: none;
			  background:transparent;
			  cursor: pointer;
			  padding: 50px 0 0 0;
			  font-size: .86rem;
			  width:83px;
			 	color: var(--avr-body);
			  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
				position: relative;

				&.active, &:hover {
					.alink__icn {
						width: 40px;
				    height: 40px;
				    background-size: 40px 40px;
				    border-radius: 8px;
				    top:6px;
				    transition: all 320ms;
					}
				}
				&.active {
					.alink__icn {
						outline:4px solid var(--avr-blue-2);
						transition: all 320ms;
					}
					.alink__lbl {
						font-weight:500;
						transition:none;
					}

					&::after {
						display: block;
				    content: "";
				    width: 18px;
				    height: 10px;
				    position: absolute;
				    bottom: -1.08rem;
				    left: 50%;
				    background: blue;
				    margin-left: -9px;
				    background: url(/assets/static/tab-arrow.png) center center no-repeat;
				    background-size: 12px 8px;
					}
				}
				&:hover {
					transition: all 320ms;

					.alink__lbl {
						transition:none;
					}
				}
				&.alink--key {
					position:absolute;
					top:0;
					left:0;
				}

				.alink__icn {
					display: block;
          width: 30px;
          height: 30px;
          box-shadow: var(--avr-shadow-2);
          background-repeat: no-repeat;
          background-size: 30px 30px;
          background-position: center center;
          border-radius: 4px;
          margin:0 auto;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);

					&[data-attr-id="1"] {
						background-image:url(/assets/static/attr/a1-icon.png);
					}
					&[data-attr-id="2"] {
						background-image:url(/assets/static/attr/a2-icon.png);
					}
					&[data-attr-id="3"] {
						background-image:url(/assets/static/attr/a3-icon.png);
					}
					&[data-attr-id="4"] {
						background-image:url(/assets/static/attr/a4-icon.png);
					}
					&[data-attr-id="5"] {
						background-image:url(/assets/static/attr/a5-icon.png);
					}
					&[data-attr-id="6"] {
						background-image:url(/assets/static/attr/a6-icon.png);
					}
					&[data-attr-id="7"] {
						background-image:url(/assets/static/attr/a7-icon.png);
					}
					&[data-attr-id="8"] {
						background-image:url(/assets/static/attr/a8-icon.png);
					}
				}
				.alink__lbl {
					margin-top:5px;
					transition:none;
				}
			}
		}
		.ainfo {
		  display: none;
		  padding: 10px 20px;
		  border-top: var(--avr-border);
		  border-bottom: var(--avr-border);
		  margin:0;

		  p {
		  	margin: 0 0 2px 0;
		  }
		}
	}

	.radar {
		padding:50px 0 50px 0;

		.inner {
			position: relative;
			width:540px;
			margin: 0 auto;

			img {
				display: block;
				width:540px;
				height:540px;
				margin:0 auto;
			}

			.points {
				position: absolute;
		    top: 0;
		    left: 50%;
		    width:540px;
		    transform: translateX(-50%);

		    .point {
		    	display: block;
	        width: 16px;
	        height: 16px;
	        display: block;
	        border-radius:50%;
	        background: var(--avr-blue-2);
	        position: absolute;

	        > a {
	        	display: block;
				    width: 24px;
				    height: 24px;
				    position: absolute;
				    top: -4px;
				    left: -4px;
				    cursor:pointer;

				    span {
				    	display: block;
					    width: 10px;
					    height: 10px;
					    border-radius: 50%;
					    font-size: 0;
					    color:white;
					    background:black;
					    margin:.45rem;
					    transition:all 320ms;
				    }

				    &:hover {
				    	span {
				    		width:20px;
				    		height:20px;
				    		margin:2px;
				    		outline:2px solid var(--avr-blue-2);
				    		transition:all 320ms;
				    	}
				    }
				    &.active {
				    	span {
				    		width:24px;
				    		height:24px;
				    		margin:0;
				    		font-size: .8rem;
                font-weight: 500;
                text-align: center;
                line-height: 23px;
                outline:2px solid var(--avr-blue-2);
                z-index:1;
				    	}
				    }
	        }

	        &.point-a1 a span {
	        	background-color:#131e61;
	        }
	        &.point-a2 a span {
	        	background-color:#0e7a16;
	        }
	        &.point-a3 a span {
	        	background-color:#020202;
	        }
	        &.point-a4 a span {
	        	background-color:#726314;
	        }
	        &.point-a5 a span {
	        	background-color:#22d5c4;
	        }
	        &.point-a6 a span {
	        	background-color:#8e460f;
	        }
	        &.point-a7 a span {
	        	background-color:#4d148a;
	        }
	        &.point-a8 a span {
	        	background-color:#96156a;
	        }
		    }
			}
		}
	}
	
}

.avr-jsap-wrap {
	padding:0;
	margin-top: -10px;
	position:relative;
	
	.avr-jsap-title {
		color: var(--avr-gray-2);
		font-size: .8rem;
		padding: 0 10px 5px 15px;
		position:relative;

		&::before {
			position: absolute;
			top:-1px;
			left:-3px;
			display: block;
			content: "";
			width:15px;
			height: 20px;
			background:url(/assets/static/icn/cm2-microphone-solid-full.svg) center center no-repeat;
			background-size:15px 20px;
		}
		
		.title-1 {
			font-weight:500;
			color:var(--avr-magenta-2);

			&::after {
				content: " · ";
				color: var(--avr-gray-2);
			}
		}
		.title-2 {
			&::after {
				content: " · ";
			}
		}
	}
	
	.avr-jsap {
    align-items: center;
    display: flex;
    margin-left: 20px;
    width: 100%;
    background-color: white;
    height: 44px;
    padding: 10px 10px;
    margin: 0 0 20px 0;
    border-radius: 12px;
    border: 1px solid var(--avr-magenta-2);
    position: relative;

    .range-fill {
      width:500px;
      height:7px;
      position:absolute;
      bottom:18px;
      left:50px;
      background-color: #bbbbbb;
      border-radius: 10px;
      z-index:1;

      &::before {
      	position: absolute;
		    top: -15px;
		    left: calc(50% + 17px);
		    display: none;
		    content: "";
		    background-color: white;
		    width: 38px;
		    height: 36px;
		    transform: translateX(-50%);
		    z-index: 1;
      }
      &::after {
      	position: absolute;
		    top: -15px;
		    left: calc(50% + 17px);
		    display: none;
		    content: "";
		    background: url(/assets/static/sound-wave.gif) no-repeat;
		    background-position: center center;
		    background-size: auto 34px;
		    filter: grayscale(1) brightness(0);
		    width: 91px;
		    height: 36px;
		    transform: translateX(-50%);
		    z-index:1;
      }
      .inner {
        height:7px;
        width:0px;
        background-color:black;
        border-radius:10px;
      }
      .line {
      	display:none;
      	width:100%;
      	height:0;
      	position: absolute;
      	bottom:2px;
      	left:0;
      	border-bottom: 2px dotted black;
      }
    }

    .vol-fill {
      width:54px;
      height:7px;
      position:absolute;
      bottom:18px;
      right:21px;
      background-color: #bbbbbb;
      border-radius: 10px;
      z-index:1;

      .inner {
        height:7px;
        width:100%;
        background-color:black;
        border-radius:10px;
      }
    }

    .jsap-mute, .jsap-toggle {
      -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
      background-color: transparent;
      border: none;
      color: inherit;
      cursor: pointer;
      display: inline-block;
      padding: 0;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      text-decoration: none;

      &:focus, &:hover {
        outline: none;
        -webkit-tap-highlight-color: transparent;
      }
    }

    .jsap-toggle {
      background-image: url(/assets/static/icn/play.svg);
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
      height: 30px;
      width: 30px;
      margin-right: 10px;

      &.playing {
        background-image: url(/assets/static/icn/pause.svg);
      }
    }
    .jsap-mute {
      background-image: url(/assets/static/icn/volume-high.svg);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: center;
      height: 30px;
      margin: 0 10px;
      transition: all 0.3s ease-in;
      width: 30px;

      &.muted {
        background-image: url(/assets/static/icn/volume-off.svg);
      }

      &.hidden {
        opacity: 0;
        visibility: hidden;
      }
    }
    .time {display:none;}
    audio {
      background-color: transparent;

      &::-webkit-media-controls-panel {
        background-color: transparent;
      }

      &.inactive {
        opacity: 0;
        position: absolute;
        z-index: -1;
      }
    }

    input[type=range] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      height: 14px;
      margin: 3px 0 0 0;
      width: 510px;
      background: transparent;
      z-index:2;
      transition: all 0.3s ease-in;

      &[disabled] {
        cursor: default;
      }

      &.hidden {
        opacity: 0;
        visibility: hidden;
      }

      &.volume {
        width: 60px;
      }

      &:focus {
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-webkit-slider-thumb {
        -webkit-tap-highlight-color: transparent;
        -webkit-appearance: none;
                appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-moz-range-thumb {
        -webkit-tap-highlight-color: transparent;
        -moz-appearance: none;
             appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-ms-thumb {
        -webkit-tap-highlight-color: transparent;
        appearance: none;
        background-color: #232323;
        border-radius: 100%;
        cursor: pointer;
        display: block;
        height: 18px;
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(0);
        width: 18px;
      }
      &::-webkit-slider-runnable-track,
      &:focus::-webkit-slider-runnable-track {
        -webkit-appearance: none;
                appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        border-radius: 10px;
        outline: 0;
      }
      &::-moz-range-track {
        -moz-appearance: none;
             appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-ms-track {
        appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
      &::-ms-fill-lower,
      &:focus::-ms-fill-lower,
      &::-ms-fill-upper,
      &:focus::-ms-fill-upper {
        appearance: none;
        -webkit-tap-highlight-color: transparent;
        background: transparent;
        box-shadow: none;
        height: 7px;
        border: none;
        box-shadow: none;
        outline: 0;
      }
    }

    &.playing {
    	.range-fill {
      	background-color: transparent;
      	
      	&::before, &::after, .line {display:block;}

      	.inner {

      	}
      }
    }
  }
}

@media only screen and (max-width: 768px) {
	.avr-jsap-wrap {
		.avr-jsap-title {
			.title-1 {
				display:block;

				&::after {display:none;}
			}
		}
    .avr-jsap {
    	.jsap-mute, .vol-fill, input[type=range].volume {
    		display: none;
    	}
    	.jsap-toggle {
    		margin-right: 0;
    		flex: 0 0 30px;
    		background-position: 0px 3px;
    	}
      .range-fill {
        width: calc(100% - 65px);

        &::before, &::after {
        	left:calc(50% + -7px);
        }

        .line {
        	width:calc(100% - 5px);
        }
      }
    }
  }
}

#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}
.toast {
    background-color: var(--avr-body);
    color: white;
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(20px);

    &.show {
    	opacity: 1;
    	transform: translateY(0);
    }
}

.gvl-wrap {
	padding:20px 0 0 0;

	ul {
		margin:0;
		padding:0;
		list-style-type:none;

		li {
			position:relative;
			padding:0 0 0 54px;

			.gvl__ldot {
				position:absolute;
				top:0;
				left:0;
				width:34px;
				height:34px;
				background-repeat:no-repeat;
				background-size:34px 34px;
				background-image:url(/assets/static/icn/circle-hollow.svg);
				filter:var(--avr-f-gray-2);

				&.checked {
					background-image:url(/assets/static/icn/circle-check.svg);
					filter:var(--avr-f-green-2);
				}
			}
			.gvl__lmain {
				padding-bottom:10px;

				.lm-title {
					padding-top:6px;
					font-weight:500;
				}
				.lm-body {
					font-size: .8rem;
				}
			}
		}
	}

}

.jquery-modal {
  &.blocker {
    z-index:8;
    padding:40px;
  }
  &.blocker.blocker--full {
    padding:0;
  }

  > .modal {
    z-index:9;
    padding:20px;
    width:100%;
    max-width:610px;
    position:relative;
    padding:0;
    border-radius:10px;
    max-height: calc(100% - 160px);
    min-height: calc(96px + 102px);
    overflow:hidden;
    background: var(--avr-bg-1);
    box-shadow: var(--avr-shadow-2);

    > .inner {
      position:relative;
      padding:52px 0;
      overflow: hidden;

      > .modal__head {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:51px;
        background:transparent;
        border-bottom:var(--avr-border);
        border-radius: 10px 10px 0 0;

        h2, h3, h4 {
          margin:0;
          padding:10px 20px;
          line-height:32px;
        }
        a.close-modal {
          top: 10px;
          right: 10px;
        }
      }
      > .modal__body {
      	max-height: calc(100dvh - 160px - 184px);
        min-height: 96px;
        overflow-y: auto;
        overflow-x:hidden;
        padding: 20px;
        font-size:.95rem;
        scrollbar-width: thin;
    		scroll-behavior: smooth;
        background:var(--avr-bg-1);

        h3, h4 {
          margin:10px 0;
          font-size:1.2rem;
        }
        p.lead {font-size:.95rem;margin:0 0 5px 0;}
        p {font-size:.95rem;margin:5px 0 0 0;}
      }
      > .modal__foot {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:52px;
        background:var(--avr-bg-1);
        border-top:var(--avr-border);
        border-radius: 0 0 10px 10px;

        > a {
          display: block;
          cursor:pointer;
          padding: 10px 20px;
          text-align: center;
          font-size: 1.2rem;
          color: var(--avr-red-2);
          line-height: 32px;
          text-transform: uppercase;
    			font-weight: 500;

          &:hover {
            color:var(--avr-red-3);
          }
        }
      }
    }
    
    > .close-modal {
      top: 0px;
      right: 0px;
      background:transparent;
      font-size:0;
      text-indent: 0;
      width:52px;
      height:52px;
      
      &::before {
        width:52px;
        height:52px;
        display:block;
        position:absolute;
        top:0;
        right:0;
        content:"✕";
        color: var(--avr-gray-2);
        font-size:1.4rem;
        line-height:50px;
        text-align:center;
        font-weight:700;
      }
      
      &:hover::before {
        color:var(--avr-red-2);
      }
    }
  }
}
.jquery-modal .modal[data-modal-id="1"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;
	}
	.a2a-wrap {
				margin-bottom:30px;
				
				.a2a_kit {
					white-space:nowrap;
					overflow:hidden;
					padding: 10px 27px 0 25px;
					margin:0;
					height: 102px;
    			max-height: 102px;
					
					&.a2a_kit--slider {
						overflow-x: auto;
    				overflow-y: hidden;
    				scrollbar-width:none;
    				-ms-overflow-style: none;
    				
    				&::-webkit-scrollbar { display: none; }
    				
						.slick-prev,
						.slick-next {
							top:calc(50% - 6px);
						}
					}

					li {
						display:inline-block;
						margin: 0;

						a {
							color: var(--avr-body);
							display:block;
							padding: 5px 0 0 0;
							margin: 0;
							text-align: center;
							text-decoration:none;
							min-width:74px;

							.img, .icon {
								display:block;
								background-color: var(--avr-white);
								padding: 0;
								margin: 0 auto;
								border-radius: 50%;
								overflow: hidden;
								width: 60px;
								height: 60px;
								text-align: center;
								box-shadow: var(--avr-shadow-1);

								img, i {
									padding: 15px;
									width: 60px;
									height: 60px;
									filter: var(--avr-f-body);
									display:block;
								}
								i::before {
									font-size:30px;
								}
							}
							.anchor {
								display:block;
								color: var(--avr-body);
								margin-top: 10px;
								font-size: 13px;
							}
							&:hover {
								.img, .icon {
									box-shadow: var(--avr-shadow-2);
									transition: all 240ms;
								}
							}
						}
					}
				}
			}

	.copy-url {
				border: var(--avr-border);
				background: var(--avr-gray-1);
				position:relative;
				margin: 10px 20px 10px 20px;
				border-radius:16px;
        
        &::after {
				  display: block;
            width: 36px;
            height: 26px;
            content: "Copy";
            background: var(--avr-gsc-2);
            border-radius: 13px;
            padding: 0 15px;
            color: white;
            position: absolute;
            top: 6px;
            right: 6px;
            text-align: center;
            line-height: 26px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .85rem;
				}
					
				.copierInput {
					margin: 0;
					padding: 8px 82px 8px 15px;
					line-height: 22px;
					font-size: .9rem;
					white-space:nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
					margin: 0;
          border: 0;
          width: 100%;
          display: block;
          outline: 0;
          position:relative;
          background-color: transparent;
					cursor:pointer;
					color: var(--avr-body);
					z-index:1;
		}
		
		&:hover::after {
		  background: var(--avr-gsc-3);
		}
	}
}
.jquery-modal .modal[data-modal-id="2"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:0 20px 10px 20px;
		max-height: calc(100dvh - 528px);
    min-height: 96px;

    .mb__banner {
    	border-bottom:var(--avr-border);
    	text-align: center;
    	margin-bottom:10px;

    	img {
    		width:100%;
    		max-width:300px;
    		margin:0 auto;
    	}
    }
	}
}
.jquery-modal .modal[data-modal-id="3"] {
	width:300px;
	max-width:300px;
	
	> .inner > .modal__body {
		padding:0;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;

    .mb__qrcode {
    	text-align: center;
      padding:10px 10px 0 10px;

      img {
      	max-width: 307px;
      	width: 100%;
        margin: 0 auto;
      }
    }
    p {
    	max-width: 323px;
    	margin: 0 auto;
    	padding:0 20px 20px 20px;
    }
	}
}
.jquery-modal .modal[data-modal-id="4"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 0 0 0;
		max-height: calc(100dvh - 160px - 184px);
    min-height: 360px;

    .mb__avatar {
      text-align: center;
      max-height: 350px;
      overflow: hidden;

      img {
      	width: 100%;
        max-width: 260px;
        height: auto;
        margin: 0 auto;
      }
    }
	}
}
.jquery-modal .modal[data-modal-id="5"] {
	width:400px;
	max-width:400px;
	
	> .inner > .modal__body {
		padding:10px 20px 20px 20px;
		max-height: calc(100vh - 160px - 184px);
    min-height: 96px;

    
	}
}
.jquery-modal.jquery-mbl-modal,
body.modal-mbl-open .jquery-modal {
    padding:64px 0 0 0;
  	
	  .modal.modal-mbl {
			width: 100%;
	    max-width: 100%;
	    height: 100%;
	    max-height: 100%;
	    border-radius:25px 25px 0 0;
	    padding-top: 52px;
	    
	    .inner {height:100%;}
	    
	    .modal__head {
        h2, h3, h4 {
          padding: 10px 15px;
        }
      }
      
	    .modal__body {
	      max-height: calc(100dvh - 64px - 52px - 53px);
        min-height: unset;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        font-size: 1rem;
        background: var(--avr-bg-1);
        height: calc(100dvh - 64px - 52px - 53px);
	    }
  }
}

  .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
  	}

  @keyframes infiniteRotate {
	  from {
	    transform: rotate(0deg); /* Start at 0 degrees */
	  }
	  to {
	    transform: rotate(360deg); /* Rotate to 360 degrees */
	  }
	}

	@keyframes lfpCardFade {
		0%   {
			box-shadow: 0px 0px 17px -5px var(--avr-gray-3);
		}
		10%	{
			box-shadow: 0px 0px 17px -5px var(--avr-blue-2);
		}
		20%	{
			box-shadow: 0px 0px 17px -5px var(--avr-green-2);
		}
		30%	{
			box-shadow: 0px 0px 17px -5px var(--avr-gray-3);
		}
		40%   {
			box-shadow: 0px 0px 17px -5px var(--avr-gold-2);
		}
		50%	{
			box-shadow: 0px 0px 17px -3px var(--avr-turq-2);
		}
		60%   {
			box-shadow: 0px 0px 17px -2px var(--avr-orange-2);
		}
		70%	{
			box-shadow: 0px 0px 17px 0px var(--avr-purple-2);
		}
		80%   {
			box-shadow: 0px 0px 17px -2px var(--avr-magenta-2);
		}
		90%	{
			box-shadow: 0px 0px 17px 0px var(--avr-gray-2);
		}
		100% {
			box-shadow: 0px 0px 17px -2px var(--avr-gray-3);
		}
	}


@media only screen and (max-width: 768px) {
	section {
    &.body {
        > .row {
            padding: 0;
        }
    }
	}
	.card {
		border-left: 0;
    border-right: 0;
    border-radius: 0;
	}

	section {
    &.head {
      &.show-submenu {
        #menuInner {
        	top: 0;
			    left: 0;
			    border-radius: 0;
			    height: 64px;
			    width: 100dvw;
    			max-width: 100dvw;
        }
      }
    }
	}

	section.head.show-submenu {
		.fbw {
	    &[data-fbw-id="2"] {
	    	.fbi {
	        &[data-fbi-id="2-2"] {
	        	padding-right:20px;

	          a {
	          	width: 44px;
					    padding: 0;
					    text-align: center;

					    .icon {
					    	width: 24px;
						    height: 24px;
						    left: 10px;
						    top: 20px;
					    }
	          	.anchor {
	          		display:none;
	          	}
	          }
	        }
	      }
	    }
		}

		ul {
	    &[data-menu-id="1"] {
	      li {
	        a {
	        	height: 64px;
	    			line-height: 64px;
	        }

	        &#menuTop {
	        	width: 64px;
				    text-align: center;
				    border-right: var(--avr-border);

				    img {
				    	width: 32px;
				    	filter: var(--avr-f-body);
				    }
	        }
	      }
	    }
		}
	}
	.sspy {
    scroll-margin: 64px;
	}

	.row {
    &[data-row-id="1"] {
      height: 60px;
    }
  }

	section {
    &.head {
    	.bdrop {
    		height:510px;

    		&::after {
    			height: 170px;
    		}

	      &[data-bdrop-id="1"]::before {
	      	top: -22dvw;

	      	&::after {
	      		height:487px;
	      	}
	      }
	      &[data-bdrop-id="4"]::before {
	      	top: -38px;
	      }
	    }
    }
  }

  .amatrix {
  	padding-top: 404px;

  	.key {
      .links {
        white-space: unset;
        padding-bottom:0;

        button {
        	margin-bottom: 20px;

        	&.active {
          	&::after {
            	display:none;
              }
            }
          }
      }
    }
    .radar {
    	position: absolute;
    	padding:20px;
	    top: -75px;
	    left: -106px;
	    width: 580px;
	    height: 580px;
	    overflow: hidden;
	    text-align: center;
	    transform: scale(.6);
    }
	}
}

@media only screen and (max-width: 601px) {
	.hide-600 {display:none !important;}
}

@media only screen and (max-width: 560px) {
 
  body.modal-open .jquery-modal {

  	&.modal-share {
  		padding: calc(100dvh - 308px) 0 0 0;
  	}
  	&.modal-info,
  	&.modal-qrcode {
  		padding: calc(100dvh - 508px) 0 0 0;
  	}

  	&.modal-vlvl {
  		padding: 64px 0 0 0;
  	}

  	&.modal-avatar {
  		padding: calc(100dvh - 465px) 0 0 0;
  	}
    
  	.modal[data-modal-id="2"] {
    	> .inner > .modal__body {
    		min-height: 401px;
    	}
  	}
  	.modal[data-modal-id="5"] {
    	> .inner > .modal__body {
    		min-height: calc(100dvh - 64px - 108px);
    	}
  	}

    .modal {
      width: 100dvw;
      max-width: 100dvw;
      height: 100%;
      max-height: 100%;
      border-radius: 25px 25px 0 0;
  	}
  }
 
  .fbw {
    &[data-fbw-id="2"] {
    	.fbi {
      	&[data-fbi-id="2-2"] {
        	a {
        		padding:0;
        		width:38px;

        		.anchor {display:none;}
        		.icon {left:10px;}

        		&:last-of-type {
        			margin-right: -12px;
        		}
        	}
        }
      }
    }
  }

  .pub-id {
  	display:block;

  	&::before {top: 174px;width:50%;}

  	.main {
  		text-align: center;
  	}
  	.aside {
  		margin-left: 20px;
  	}
  }

  .w-list {
    .w-item {
      padding-left: 54px;

      .w-item__title {
      	padding:10px 70px 10px 0;

      	.title-icon {
          .img {
            background-size: 24px auto;

            &[data-lfp-status="1"], 
            &[data-lfp-status="2"], 
            &[data-lfp-status="3"] {
            	background-position: 13px 5px;
            }
          }
        }
        .title-view {
        	right: 15px;
        }
        .title-info {
        	.main {
        		-webkit-line-clamp: 2;
        	}
        }
      }
    }
	}

	.dtable {
    .dtr {
    	display:block !important;
    	padding-bottom: 0;

    	.dtc {
    		display:block !important;

    		.dtc__val {
    			margin-bottom: 5px;
    		}
    	}
    }
	}
}

@media only screen and (max-width: 480px) {
	.hide--480 {display:none;}
	h1 {
    font-size: 1.4rem;
    > a {
      width: 28px !important;
      height: 32px !important;
      background-size: 28px auto !important;
      background-position: 3px 3px !important;
    }
	}
	h2 {
		font-size: 1.2rem;
	}
	.stats {
    .stat {
        font-size: 1.3rem;
    }
	}
}

@media only screen and (max-width: 380px) {
	.w-list {
    & .w-item {
        & .w-item__title {
            & .title-info {
                .sub .sub-2 {
                  display:none;
                }
            }
        }
    }
	}
}