@charset "UTF-8";
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-theme~=material]{background-color:#505355;font-weight:600}.tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before{border-top-color:#505355}.tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#505355}.tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before{border-left-color:#505355}.tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before{border-right-color:#505355}.tippy-box[data-theme~=material]>.tippy-backdrop{background-color:#505355}.tippy-box[data-theme~=material]>.tippy-svg-arrow{fill:#505355}
.tippy-box[data-theme~=translucent]{background-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-arrow{width:14px;height:14px}.tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before{border-width:7px 7px 0;border-top-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before{border-width:0 7px 7px;border-bottom-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before{border-width:7px 0 7px 7px;border-left-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before{border-width:7px 7px 7px 0;border-right-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-backdrop{background-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-svg-arrow{fill:rgba(0,0,0,.7)}
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:"";z-index:-1;position:absolute;border-color:transparent;border-style:solid}
.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}
.tippy-box[data-animation=perspective-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(10px) rotateX(90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-10px) rotateX(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(10px) rotateY(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-10px) rotateY(90deg)}.tippy-box[data-animation=perspective-extreme][data-state=hidden]{opacity:.5}
.tippy-box[data-animation=perspective-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(5px) rotateX(30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-5px) rotateX(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(5px) rotateY(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-5px) rotateY(30deg)}.tippy-box[data-animation=perspective-subtle][data-state=hidden]{opacity:0}
.tippy-box[data-animation=perspective][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(8px) rotateX(60deg)}.tippy-box[data-animation=perspective][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-8px) rotateX(-60deg)}.tippy-box[data-animation=perspective][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(8px) rotateY(-60deg)}.tippy-box[data-animation=perspective][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-8px) rotateY(60deg)}.tippy-box[data-animation=perspective][data-state=hidden]{opacity:0}
.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}
.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top]{transform:translateY(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(-20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left]{transform:translateX(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right]{transform:translateX(-20px)}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top]{transform:translateY(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left]{transform:translateX(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right]{transform:translateX(20px)}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translateX(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translateX(5px)}
.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform:translateY(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform:translateY(10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform:translateX(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform:translateX(10px)}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.brave_popup{width:100%;float:left;position:absolute;z-index:999999999;display:block!important;direction:ltr}.brave_popup .brave_popup__step{display:none}.brave_popup .brave_popup__step__overlay{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.5)}.brave_popup .brave_popup__step__overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;pointer-events:none}.brave_popup .brave_popup__step__overlay.brave_popup__step__overlay--hide{visibility:hidden;opacity:0;transition:all .3s linear}.brave_popup .brave_icon{width:16px;display:inline-block;position:relative;top:2px}.brave_popup .brave_popup__step--sidebar .brave_popup__step__content{background-size:cover}.brave_popup .brave_popup__step__inner{transform:translateX(0);position:fixed;z-index:9;display:block}.brave_popup .brave_popup__step__inner .brave_popupSections__wrap{width:100%;height:100%;will-change:transform;position:relative}.brave_popup .brave_popup__step__inner .brave_popupMargin__wrap{width:100%;height:100%;will-change:transform;position:relative;outline:none}.brave_popup .brave_popup__step__inner .brave_popup__step__popup{width:100%;height:100%;box-sizing:border-box;position:relative;overflow:hidden}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content{width:100%;height:100%;float:left;letter-spacing:0;overflow:hidden}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content a,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content div,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content li,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content ol,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content p,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content span,.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content ul{font-family:inherit;line-height:inherit;font-weight:inherit;color:inherit}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content .brave_popup__step__content__overlay{background-color:rgba(0,0,0,.52);width:100%;height:100%;position:absolute;top:0;z-index:0}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content .brave_popup__step__elements{position:relative;z-index:1;width:1024px;height:100%;margin:0 auto}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content .brave_popup__elements_wrap--vertical_center{width:100%;position:absolute;transform:translateY(-50%);top:50%}.brave_popup .brave_popup__step__inner .brave_popup__step__popup .brave_popup__step__content .brave_popup__elements_wrap--horizontal_center{height:100%;position:absolute;left:0;right:0;margin:0 auto}.brave_popup .brave_popup__step.has_overlay{position:fixed;width:100%;height:100vh;z-index:9999999;left:0;top:0}.brave_popup .brave_popup__step.position_center .brave_popup__step__inner{top:50%;left:0;right:0;bottom:auto;margin:0;margin-left:auto!important;margin-right:auto!important;outline:none}.brave_popup .brave_popup__step.position_top_left .brave_popup__step__inner{top:0;left:0;right:auto;bottom:auto}.brave_popup .brave_popup__step.position_top_center .brave_popup__step__inner{top:0;left:0;right:0;bottom:auto;margin-left:auto!important;margin-right:auto!important}.brave_popup .brave_popup__step.position_top_right .brave_popup__step__inner{top:0;left:auto;right:0;bottom:auto}.brave_popup .brave_popup__step.position_center_left .brave_popup__step__inner{top:50%;left:0;right:auto;bottom:auto}.brave_popup .brave_popup__step.position_center_right .brave_popup__step__inner{top:50%;left:auto;right:0;bottom:auto}.brave_popup .brave_popup__step.position_bottom_left .brave_popup__step__inner{top:auto;left:0;right:auto;bottom:0}.brave_popup .brave_popup__step.position_bottom_center .brave_popup__step__inner{top:auto;left:0;right:0;bottom:0;margin-left:auto!important;margin-right:auto!important}.brave_popup .brave_popup__step.position_bottom_right .brave_popup__step__inner{top:auto;left:auto;right:0;bottom:0}.brave_popup .brave_popup_fullHeight.position_center .brave_popup__step__inner,.brave_popup .brave_popup_fullHeight.position_center_left .brave_popup__step__inner,.brave_popup .brave_popup_fullHeight.position_center_right .brave_popup__step__inner{top:0}.brave_popup .brave_popup_show_scrollbar{overflow:auto;position:fixed;top:0;width:100vw;height:100vh}.brave_popup .brave_popup_show_scrollbar .brave_popup__step__inner{position:absolute}.brave_popup .brave_popup_show_scrollbar.brave_popup_exceeds_windowHeight.brave_popup__step--boxed.position_center .brave_popup__step__inner{margin-top:0!important;top:10%;padding-bottom:10%;box-sizing:initial}.brave_popup .brave_popup__close{position:absolute;padding:3px;z-index:99999;transition:all .14s linear}.brave_popup .brave_popup__close .brave_popup__close__button{cursor:pointer}.brave_popup .brave_popup__close span{transition:all .14s linear;height:auto;width:auto;font-size:inherit}.brave_popup .brave_popup__close.brave_popup__close--icon .brave_popup__close__button:hover,.brave_popup .brave_popup__close.brave_popup__close--icon .brave_popup__close__button:hover span{transform:scale(1.14)}.brave_popup .brave_popup__close.brave_popup__close--icon{opacity:.5}.brave_popup .brave_popup__close.brave_popup__close--icon:hover{opacity:1}.brave_popup .brave_popup__close.brave_popup__close--text{opacity:.7}.brave_popup .brave_popup__close.brave_popup__close--text span{font-family:sans-serif}.brave_popup .brave_popup__close.brave_popup__close--text:hover{opacity:1}.brave_popup .brave_popup__close.brave_popup__close--above_right,.brave_popup .brave_popup__close.brave_popup__close--below_right{right:0;padding-right:0}.brave_popup .brave_popup__close.brave_popup__close--inside_right{top:5px!important;right:7px}.brave_popup .brave_popup__close.brave_popup__close--above_left,.brave_popup .brave_popup__close.brave_popup__close--below_left{left:0;padding-left:0}.brave_popup .brave_popup__close.brave_popup__close--inside_left{top:5px!important;left:7px}.brave_popup .brave_popup__close.brave_popup__close--above_center,.brave_popup .brave_popup__close.brave_popup__close--below_center{left:50%;transform:translateX(-50%)}.brave_popup .brave_popup__close.brave_popup__close--top_left{left:20px;top:20px!important}.brave_popup .brave_popup__close.brave_popup__close--top_right{right:20px;top:20px!important}.brave_popup .brave_popup__close .brave_popup__close__progress-circle{position:absolute;top:0;right:0;width:40px;height:40px;font-size:.7em}.brave_popup .brave_popup__close .brave_popup__close__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.9em}.brave_popup .brave_popup__close .brave_popup__close__progress-ring{transform:rotate(-90deg);width:100%!important;height:100%!important}.brave_popup .brave_popup__close .brave_popup__close__progress-ring-circle{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s}.brave_popup .brave_element{position:absolute;will-change:transform}.brave_popup .brave_element .brave_element__wrap{position:relative;min-height:20px;height:100%;width:100%;scrollbar-color:#ddd transparent;scrollbar-width:thin}.brave_popup .brave_element .brave_element__wrap.brave_element__wrap--has-scrollbar{overflow:auto}.brave_popup .brave_element .brave_element__wrap.brave_element__wrap--has-scrollbar::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element .brave_element__wrap.brave_element__wrap--has-scrollbar::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element .brave_element-cart_icon,.brave_popup .brave_element .brave_element-icon{display:inline-block;position:relative;top:2px;padding-right:5px}.brave_popup .brave_element .brave_element-cart_icon{display:none}.brave_popup .brave_element .brave_element-icon--right{padding-right:0;padding-left:5px}.brave_popup .brave_element .brave_element__inner_link{cursor:pointer;color:inherit;text-decoration:none}.brave_popup .brave_element .brave_element__inner_link.added .brave_element-icon{display:none}.brave_popup .brave_element .brave_element__inner_link.added .brave_element-cart_icon{display:inline-block}.brave_popup .brave_element.brave_element--text .brave_element__styler{font-size:13px;line-height:1.7em;padding:5px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:100%;height:100%;box-sizing:border-box}.brave_popup .brave_element.brave_element--text .brave_element__text_inner{display:block;white-space:pre-wrap;font-family:inherit}.brave_popup .brave_element.brave_element--text .brave_element__text_inner h1,.brave_popup .brave_element.brave_element--text .brave_element__text_inner h2,.brave_popup .brave_element.brave_element--text .brave_element__text_inner h3,.brave_popup .brave_element.brave_element--text .brave_element__text_inner h4,.brave_popup .brave_element.brave_element--text .brave_element__text_inner h5,.brave_popup .brave_element.brave_element--text .brave_element__text_inner h6{color:inherit;font-family:inherit}.brave_popup .brave_element.brave_element--text .brave_element__text_inner a{text-decoration:underline}.brave_popup .brave_element.brave_element--text .brave_element__text_inner ol,.brave_popup .brave_element.brave_element--text .brave_element__text_inner ul{margin:10px 0;padding-left:20px}.brave_popup .brave_element.brave_element--text .brave_element__text_inner ol li,.brave_popup .brave_element.brave_element--text .brave_element__text_inner ul li{list-style-type:disc;margin-bottom:0}.brave_popup .brave_element.brave_element--text.brave_element--text_dynamic .brave_element__text_inner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brave_popup .brave_element.brave_element--text.brave_element--text_advanced .brave_element__text_inner{white-space:normal}.brave_popup .brave_element.brave_element--button .brave_element__styler{font-size:13px;color:#000;font-weight:400;font-style:normal;text-decoration:none;text-align:center;background:#6d78d8;border-radius:4px;cursor:pointer}.brave_popup .brave_element.brave_element--button .brave_element__styler .brave_element__inner_link{display:block;color:inherit}.brave_popup .brave_element.brave_element--button .brave_element__styler .brave_element__button_text{display:inline-block}.brave_popup .brave_element.brave_element--button .brave_button_loading{position:absolute;width:20px;height:20px;margin-left:5px;visibility:hidden;transform:translateY(-50%);top:50%}.brave_popup .brave_element.brave_element--button .brave_button_loading svg{display:block;animation-name:bravespin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.brave_popup .brave_element.brave_element--button .brave_button_loading.brave_button_loading--show{visibility:visible}.brave_popup .brave_element.brave_element--image .brave_element__inner{width:100%;height:100%}.brave_popup .brave_element.brave_element--image .brave_element__styler{width:100%;height:100%;overflow:hidden;position:relative;box-sizing:border-box}.brave_popup .brave_element.brave_element--image .brave_element__styler .brave_element__image__overlay{position:absolute;width:100%;height:100%;z-index:99}.brave_popup .brave_element.brave_element--image .brave_element__styler img{width:100%;height:100%;position:absolute;-o-object-fit:cover;object-fit:cover;vertical-align:bottom;-o-object-position:top;object-position:top;max-width:unset}.brave_popup .brave_element.brave_element--image .brave_element__styler .brave_element__image__hoverIMG{visibility:hidden;opacity:0}.brave_popup .brave_element.brave_element--image .brave_element__styler .brave_element__image--zoomed{width:auto}.brave_popup .brave_element.brave_element--image.brave_element--image--hover_image:hover .brave_element__image{visibility:hidden;opacity:0}.brave_popup .brave_element.brave_element--image.brave_element--image--hover_image:hover .brave_element__image__hoverIMG{visibility:visible;opacity:1}.brave_popup .brave_element.brave_element--sticker .brave_element__styler{width:100%;height:100%;overflow:hidden;position:relative;box-sizing:border-box}.brave_popup .brave_element.brave_element--sticker .brave_element__styler img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:bottom}.brave_popup .brave_element.brave_element--list .brave_element__styler{width:100%;height:100%;overflow:hidden;position:relative;box-sizing:border-box}.brave_popup .brave_element.brave_element--list .brave_element__styler ul,.brave_popup .brave_element.brave_element--list .brave_element__styler ul li{margin:0;padding:0}.brave_popup .brave_element.brave_element--list .brave_element__styler ul li .brave_element-icon{padding-right:6px}.brave_popup .brave_element.brave_element--list .brave_element__styler ul li .brave_list__bullet_number{font-size:.85em;margin-right:6px}.brave_popup .brave_element.brave_element--shape .brave_element__inner{line-height:normal}.brave_popup .brave_element.brave_element--shape .brave_element_shape-icon{padding:5px}.brave_popup .brave_element.brave_element--shape .brave_element_shape-icon svg path{transition:all .12s linear}.brave_popup .brave_element.brave_element--code .brave_element__wrap{overflow:auto}.brave_popup .brave_element.brave_element--code .brave_element__wrap::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element.brave_element--code .brave_element__wrap::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element.brave_element--code .brave_element__wrap .brave_element__code{overflow-x:hidden}.brave_popup .brave_element.brave_element--wpSingle{width:100%;height:100%}.brave_popup .brave_element.brave_element--wpSingle .brave_element__styler{width:100%;height:100%;overflow:hidden;position:relative}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle{width:100%;height:100%}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap{width:100%;height:100%;float:left;padding:15px;font-size:14px;box-sizing:border-box;overflow:auto}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap h2{line-height:1.4em;font-size:18px}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__meta{width:100%;float:left;margin-bottom:20px}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__meta>div{display:inline-block;font-size:.9em;margin-right:12px}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__meta .brave_post__content__category{margin-right:0}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__meta .brave_post__content__category a{color:inherit}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__content__content{line-height:1.8em}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap .brave_post__content__content p{font-size:1em;line-height:1.8em}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element.brave_element--wpSingle .brave_wpSingle__wrap::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element.brave_element--wpSingleProduct,.brave_popup .brave_element.brave_element--wpSingleProduct .brave_element__inner,.brave_popup .brave_element.brave_element--wpSingleProduct .brave_element__styler,.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct{width:100%;height:100%}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap{width:100%;height:100%;float:left;box-sizing:border-box}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product_wrap{width:100%;height:100%;overflow:hidden}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap h2{line-height:1.4em;margin-bottom:10px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap h2 a{color:inherit;font-size:inherit}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__image_wrap{width:50%;float:left;overflow:hidden;position:relative;height:100%}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__image_wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product_sale_ribon{position:absolute;z-index:1;left:0}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product_sale_ribon span{position:absolute;font-size:12px;transform:rotate(-45deg);color:#fff;padding-top:8px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product_sale_ribon svg{width:50px;height:50px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__readMore{width:100%;float:left}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__readMore p{margin:0}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__readMore a{border:none;padding:8px 20px;border-radius:4px;margin-top:20px;font-size:.9em}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__content_wrap{width:50%;float:left;box-sizing:border-box;padding:10px 25px 0;height:100%;overflow-y:auto}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__content_wrap::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__content_wrap::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_post__meta{width:100%;float:left;margin-bottom:20px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_post__meta>div{display:inline-block;font-size:.9em;margin-right:12px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__price{width:100%;float:left;font-weight:700}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_product__price del{font-size:.8em;color:#6b6b6b;margin-right:5px}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_post__content__content{line-height:1.8em;margin:15px 0;width:100%;float:left}.brave_popup .brave_element.brave_element--wpSingleProduct .brave_wpSingleProduct__wrap .brave_post__content__content p{font-size:1em;line-height:1.8em}.brave_popup .brave_element.brave_element--form{width:100%;height:100%}.brave_popup .brave_element.brave_element--form .brave_element__form_inner,.brave_popup .brave_element.brave_element--form .brave_element__inner,.brave_popup .brave_element.brave_element--form .brave_element__styler,.brave_popup .brave_element.brave_element--form .brave_element__wrap{height:100%;width:100%;box-sizing:border-box}.brave_popup .brave_element.brave_element--form .brave_element__styler{line-height:normal}.brave_popup .brave_element.brave_element--form .brave_element-icon{top:2px;padding-right:0}.brave_popup .brave_element.brave_element--form .brave_element__form_inner{padding:15px;position:relative;overflow:auto}.brave_popup .brave_element.brave_element--form .brave_element__form_inner::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element.brave_element--form .brave_element__form_inner::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element.brave_element--form .brave_element__form_inner form{width:100%;height:100%;position:relative;padding:0!important;margin:0!important;transition:all .12s linear}.brave_popup .brave_element.brave_element--form .brave_element__form_inner form .brave_form_overlay{display:none;width:100%;height:100%;position:absolute;z-index:99}.brave_popup .brave_element.brave_element--form .brave_element__form_inner form.brave_form_form--loading,.brave_popup .brave_element.brave_element--form .brave_element__form_inner form.brave_form_form--loading .brave_form_overlay{display:block}.brave_popup .brave_element.brave_element--form .brave_element__form_inner form.brave_form_form--loading .brave_form_field{opacity:.6}.brave_popup .brave_element.brave_element--form .brave_element__form_inner.brave_element__form_inner--hide{display:none}.brave_popup .brave_element.brave_element--form .brave_element__form_inner.brave_element__form_inner--hasSteps{overflow:hidden}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin{position:relative}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_loader{width:100%;height:100%;position:absolute;z-index:999;display:none}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_loader .bravepopupform_socialOptin_icon{width:30px;height:30px;top:50%;transform:translateY(-50%);position:absolute;background:rgba(0,0,0,.2);border-radius:4px;padding:5px;left:0;right:0;margin:0 auto}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_loader .bravepopupform_socialOptin_icon svg{animation-name:bravespin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_loader .bravepopupform_socialOptin_icon svg path{fill:#fff}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner{padding:5px}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button{display:block;background:#ddd;height:40px;margin:10px;border-radius:4px;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:all .14s linear}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button span{display:inline-block;position:relative;top:4px}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button:hover{filter:brightness(1.2)}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button.bravepopform_socialOptin_button--facebook{background:#365fb9;color:#fff}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button.bravepopform_socialOptin_button--google{background:#1a73e8;color:#fff;padding:0 10px}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button.bravepopform_socialOptin_button--linkedin{background:#069;color:#fff}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_inner .bravepopform_socialOptin_button.bravepopform_socialOptin_button--email{background:#111;color:#fff}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin.bravepopupform_socialOptin--hide{display:none}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin.bravepopupform_socialOptin--loading .bravepopupform_socialOptin_inner{opacity:.4}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin.bravepopupform_socialOptin--loading .bravepopupform_socialOptin_loader{display:block}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_consent{margin-left:10px}.brave_popup .brave_element.brave_element--form .bravepopupform_socialOptin .bravepopupform_socialOptin_consent .brave_form_field{margin:0!important}.brave_popup .brave_element.brave_element--form .brave_social_optin_stepBack{background:rgba(0,0,0,.3)!important;border-radius:4px}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar{font-size:12px;font-family:sans-serif!important;font-weight:600!important;margin-bottom:5px;color:rgba(0,0,0,.5)!important;margin-top:5px;position:relative}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar_steps{position:absolute;padding:2px 7px;top:-16px;right:0;border-radius:3px;line-height:normal}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar_progress{position:absolute;left:4px;top:-14px;color:#6d78d8}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar__barWrap{width:100%;background:rgba(0,0,0,.12);height:7px;margin-top:0;border-radius:3px;overflow:hidden;line-height:normal}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar__barWrap .bravepopupform_theProgressbar__bar{height:100%;background:#6d78d8;position:relative;z-index:8;min-width:20px;transition:all .14s linear}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar__bolts{position:absolute;width:100%;top:-5px;z-index:9;display:flex;flex-direction:row;justify-content:space-between}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar__bolts i{width:12px;height:12px;display:inline-block;border:2px solid rgba(0,0,0,.14);border-radius:50%;background:#fff;box-sizing:initial}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar .bravepopupform_theProgressbar__bolts i:last-child{margin-right:0!important;float:right}.brave_popup .brave_element.brave_element--form .bravepopupform_theProgressbar.bravepopupform_theProgressbar--style2{margin-bottom:15px}.brave_popup .brave_element.brave_element--form .brave_form_custom_content{text-align:center;position:absolute;width:calc(100% - 60px);transform:translateX(-50%) translateY(-50%) scale(1.2);left:50%;top:50%;padding:0 20px;box-sizing:border-box;line-height:1.6em!important}.brave_popup .brave_element.brave_element--form .brave_form_custom_content .bravepop_quizScore{padding:.3em;font-weight:700!important;display:inline-block}.brave_popup .brave_element.brave_element--form .brave_form_fields_step{width:100%;max-height:100%;visibility:hidden;transition:all .2s linear;margin-left:100px;opacity:0;transition-delay:.1s;position:absolute;top:0;z-index:9;overflow:auto;scrollbar-color:#ddd transparent;scrollbar-width:thin}.brave_popup .brave_element.brave_element--form .brave_form_fields_step::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_element.brave_element--form .brave_form_fields_step::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.brave_popup .brave_element.brave_element--form .brave_form_fields_step.brave_form_fields_step--show{visibility:visible;margin-left:0;opacity:1}.brave_popup .brave_element.brave_element--form .brave_form_field{width:100%;float:left;position:relative;box-sizing:border-box;margin:10px 0}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__firstname,.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__lastname{width:48%;float:left;position:relative}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__firstname{margin-right:4%}.brave_popup .brave_element.brave_element--form .brave_form_field label{margin-bottom:5px;display:block;color:inherit;font-weight:400}.brave_popup .brave_element.brave_element--form .brave_form_field .braveform_label{line-height:1.7em}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=email],.brave_popup .brave_element.brave_element--form .brave_form_field input[type=text]{width:100%;padding:10px;box-sizing:border-box;font-weight:400;margin:0;line-height:normal;height:auto}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=email]:-ms-input-placeholder,.brave_popup .brave_element.brave_element--form .brave_form_field input[type=text]:-ms-input-placeholder{color:inherit;opacity:.5}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=email]::placeholder,.brave_popup .brave_element.brave_element--form .brave_form_field input[type=text]::placeholder{color:inherit;opacity:.5}.brave_popup .brave_element.brave_element--form .brave_form_field textarea{width:100%;padding:15px;box-sizing:border-box;line-height:normal}.brave_popup .brave_element.brave_element--form .brave_form_field textarea:-ms-input-placeholder{color:inherit;opacity:.5}.brave_popup .brave_element.brave_element--form .brave_form_field textarea::placeholder{color:inherit;opacity:.5}.brave_popup .brave_element.brave_element--form .brave_form_field select{width:100%;padding:8px;height:auto;box-sizing:border-box;overflow:auto;line-height:normal}.brave_popup .brave_element.brave_element--form .brave_form_field select[multiple]{height:auto;padding:0!important}.brave_popup .brave_element.brave_element--form .brave_form_field select[multiple] option{padding:5px 10px;cursor:pointer}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=checkbox],.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]{margin-right:6px}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__checkbox,.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__radio{margin:8px 0}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__checkbox label,.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__radio label{cursor:pointer}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=checkbox],.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]{background:#fff;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;margin:-4px 8px 0 0!important;padding:0!important;border:1px solid #b4b9be!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:border-color .05s ease-in-out}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]:checked+label:before{color:#82878c}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=checkbox]{margin-top:-4px;border-radius:0!important}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]{margin-top:-2px;border-radius:50%!important;margin-right:4px;line-height:10px}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=checkbox]:checked:before,.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]:checked:before{display:inline-block;vertical-align:middle;width:16px}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=checkbox]:checked:before{content:"\2713";margin:2px 0 0 -1px;color:#1e8cbe;font-weight:700;font-size:12px;line-height:12px}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]:checked:before{content:"\25CF";font-family:sans-serif;line-height:11px;color:#1e8cbe;margin:0 0 0 -1px;font-size:21px;height:16px}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_dropdown_dates select{width:32.6%;float:left;margin-right:1%}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_dropdown_dates select:nth-child(3){margin-right:0}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_dropdown_dates--noYear select{width:48%;margin-right:4%}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_dropdown_dates--noYear select:nth-child(2){margin-right:0}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field__imgWrap{display:flex;justify-content:space-between;flex-flow:row wrap}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image{width:47%;float:left;margin-right:3%;text-align:center;margin-top:5px;position:relative;cursor:pointer}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image input{display:none}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image img{max-width:100%;height:auto;border:3px solid transparent;box-sizing:border-box;cursor:pointer;transition:all .2s linear}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image .formfield__inner__image__selection{display:none;position:absolute;left:0;top:0;width:0;height:0;border-color:transparent;border-style:solid;border-width:25px 25px 0 0}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image .formfield__inner__image__selection svg{position:absolute;top:-23px;font-size:10px;left:3px;width:10px;height:10px}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image.formfield__inner__image--selected .formfield__inner__image__selection{display:block}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image:hover img{border-color:rgba(0,0,0,.2)}.brave_popup .brave_element.brave_element--form .brave_form_field .formfield__inner__image_fake{width:100%;float:left;background:#dddee8;min-height:75px;padding:20px;font-size:22px;color:#aaabb9;border:3px solid transparent;box-sizing:border-box}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap{width:100%;float:left}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap label{cursor:pointer;margin-bottom:0}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap input{display:none}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap svg{display:inline-block}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_star{display:inline-block;margin-right:5px;font-size:18px;opacity:.5;width:20px;height:20px;cursor:pointer}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_star.formfield__inner__ratings--hovered{opacity:.8}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_star.formfield__inner__ratings--selected{opacity:1}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_star:last-child{margin-right:0}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number{font-size:18px;padding:8px 12px;display:inline-block;text-align:center;background:#000;opacity:.6;margin-right:5px;margin-bottom:5px;border-radius:3px;color:#fff;cursor:pointer}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number label{color:inherit!important}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number.formfield__inner__ratings_number--small{padding:4px 8px}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number.formfield__inner__ratings_number--large{padding:12px;margin-right:8px}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number.formfield__inner__ratings--hovered{opacity:.8}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_number.formfield__inner__ratings--selected{opacity:1}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_smiley{display:inline-block;margin-right:6px;opacity:.6;cursor:pointer;width:20px;height:20px}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_smiley.formfield__inner__ratings--selected,.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_smiley:hover{opacity:1}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_ratings_wrap .formfield__inner__ratings_smiley.formfield__inner__ratings--selected svg circle{stroke-width:10px}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field__buttonGroup{text-align:center;margin:10px 0;font-weight:700!important;cursor:pointer;transition:all .12s linear}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field__buttonGroup.formfield__inner__image--selected,.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field__buttonGroup:hover{filter:brightness(.8)}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field__buttonGroup input{display:none}.brave_popup .brave_element.brave_element--form .brave_form_field .brave_form_field_error{display:none;position:absolute;margin-top:-18px;right:0;background:#ec5a5a;color:#fff;font-size:12px;line-height:15px;font-family:sans-serif;padding:3px 10px;border-radius:3px 3px 0 0}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError input[type=email],.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError input[type=text],.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError select,.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError textarea{box-shadow:inset 0 0 0 2px #ff6f6f;border-color:#ff6f6f!important}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError .brave_form_field_error{display:block}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError-firstname .formfield__inner__firstname input{box-shadow:inset 0 0 0 2px #ff6f6f;border-color:#ff6f6f!important}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError-firstname .brave_form_field_error--firstname{display:block}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError-lastname .formfield__inner__lastname input{box-shadow:inset 0 0 0 2px #ff6f6f;border-color:#ff6f6f!important}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasError-lastname .brave_form_field_error--lastname{display:block}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox.brave_form_field--radio_inline .formfield__inner__checkbox,.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--radio.brave_form_field--radio_inline .formfield__inner__checkbox{display:inline-block;margin-right:15px!important}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox .brave_form_field_error,.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--radio .brave_form_field_error{margin-top:0;border-radius:3px}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_inline .formfield__inner__checkbox{display:inline-block;margin-right:20px}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_borderd .formfield__inner__checkbox{margin:0}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_borderd .formfield__inner__checkbox label{margin:0;padding:12px;border:1px solid;border-bottom:0;font-weight:400}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_borderd .formfield__inner__checkbox label:hover{background:rgba(0,0,0,.03)}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_borderd .formfield__inner__checkbox:last-child label{border-bottom:1px solid}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_inline.brave_form_field--checkbox_borderd .formfield__inner__checkbox label{min-width:70px;border-bottom:1px solid;border-right:0}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--checkbox_inline.brave_form_field--checkbox_borderd .formfield__inner__checkbox:last-child label{border-right:1px solid}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasSuggestion .brave_form_field_error{display:block;background:rgba(0,0,0,.8);margin-top:-60px;border-radius:4px;padding:8px;min-width:220px;position:fixed;margin-right:15px}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasSuggestion .brave_form_field_error .brave_form_field_suggestion_actions{display:block;margin-left:8px;text-align:right;margin-top:5px}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasSuggestion .brave_form_field_error .brave_form_field_suggestion_actions span{display:inline-block;padding:0 2px;cursor:pointer;margin:0 4px;text-decoration:underline}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasSuggestion .brave_form_field_error:after{content:"";width:0;height:0;border-color:rgba(0,0,0,.8) transparent transparent;border-style:solid;border-width:7px 6px 0;margin-top:8px;position:absolute;right:10px}.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hasCondition,.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--hidden,.brave_popup .brave_element.brave_element--form .brave_form_field.brave_form_field--input_hidden{display:none}.brave_popup .brave_element.brave_element--form .brave_form_form--underline input[type=email],.brave_popup .brave_element.brave_element--form .brave_form_form--underline input[type=text],.brave_popup .brave_element.brave_element--form .brave_form_form--underline textarea{padding-left:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important;outline:none}.brave_popup .brave_element.brave_element--form .brave_form_field--step{margin-top:12px!important;width:100%;float:left}.brave_popup .brave_element.brave_element--form .brave_form_field--step .brave_form_stepNext{width:auto;height:40px;font-weight:700;box-sizing:border-box;padding:0 35px;display:inline-block;cursor:pointer;border:none;text-align:center;text-decoration:none}.brave_popup .brave_element.brave_element--form .brave_form_field--step .brave_form_stepNext span{margin-right:4px}.brave_popup .brave_element.brave_element--form .brave_form_field--step .brave_form_skipstep{display:inline-block;padding:0 35px;box-sizing:border-box;border:none;cursor:pointer;background-color:transparent}.brave_popup .brave_element.brave_element--form .brave_form_field--step.brave_form_step--fullbutton{text-align:center}.brave_popup .brave_element.brave_element--form .brave_form_field--step.brave_form_step--right{text-align:right}.brave_popup .brave_element.brave_element--form .brave_form_stepBack{position:absolute;bottom:0;left:0;padding:12px;background:transparent;border:none;outline:none;color:#fff;cursor:pointer;width:14px;height:16px;opacity:.5;box-sizing:initial}.brave_popup .brave_element.brave_element--form .brave_form_stepBack.brave_form_stepBack--right{left:auto;right:0}.brave_popup .brave_element.brave_element--form .brave_form_stepBack.brave_form_stepBack--hide{display:none}.brave_popup .brave_element.brave_element--form .brave_form_stepBack:hover{opacity:1}.brave_popup .brave_element.brave_element--form .brave_form_button{margin-top:10px;width:100%;float:left;position:relative}.brave_popup .brave_element.brave_element--form .brave_form_button button{width:auto;height:40px;box-sizing:border-box;padding:0 28px;display:inline-block;cursor:pointer;border-style:solid;font-weight:inherit}.brave_popup .brave_element.brave_element--form .brave_form_button button span{margin-right:4px}.brave_popup .brave_element.brave_element--form .brave_form_button .brave_form_loading{position:absolute;width:20px;height:20px;margin-left:-20px;margin-top:-2px;visibility:hidden;animation-name:bravespin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.brave_popup .brave_element.brave_element--form .brave_form_button .brave_form_loading.brave_form_loading--show{visibility:visible}.brave_popup .brave_element.brave_element--form .brave_form_button.brave_form_button--full{width:100%}.brave_popup .brave_element.brave_element--form .brave_form_button.brave_form_button--hide{display:none}.brave_popup .brave_element.brave_element--form .brave_form_button.brave_form_button--center{text-align:center}.brave_popup .brave_element.brave_element--form .brave_form_form--inline .brave_form_fields{width:calc(100% - 120px)}.brave_popup .brave_element.brave_element--form .brave_form_form--inline .brave_form_field{padding-right:12px}.brave_popup .brave_element.brave_element--form .brave_form_form--inline .brave_form_button{width:120px;margin:29px 0 0}.brave_popup .brave_element.brave_element--form .brave_form_form--noLabel.brave_form_form--inline .brave_form_field{margin:0!important}.brave_popup .brave_element.brave_element--form .brave_form_form--noLabel.brave_form_form--inline .brave_form_button{margin:0}.brave_popup .brave_element.brave_element--form .brave_form_form--hide{visibility:hidden;opacity:0;display:none}.brave_popup .brave_element.brave_element--form .brave_form_field--media img{max-width:100%}.brave_popup .brave_element.brave_element--button .added_to_cart,.brave_popup .brave_element.brave_element--image .added_to_cart,.brave_popup .brave_element.brave_element--sticker .added_to_cart,.brave_popup .brave_element.brave_element--text .added_to_cart{display:none}.brave_popup .brave_element .element_hover_animation{position:relative;transition:all .14s linear}.brave_popup .brave_element .element_hover_animation.element_hover_animation--opacity:hover{opacity:.7}.brave_popup .brave_element .element_hover_animation.element_hover_animation-enlarge:hover{transform:scale(1.05)}.brave_popup .brave_element .element_hover_animation.element_hover_animation-shrink:hover{transform:scale(.95)}.brave_popup .brave_element .element_hover_animation.element_hover_animation-brighten:hover{filter:brightness(1.5)}.brave_popup .brave_element .element_hover_animation.element_hover_animation-darken:hover{filter:brightness(.6)}.brave_popup .brave_element .element_hover_animation.element_hover_animation-riseup:hover{transition:all .24s linear}.brave_popup .brave_element .element_hover_animation.element_hover_animation-riseup:hover:after{content:"";width:90%;position:absolute;background:rgba(0,0,0,.3);height:5px;left:5%;bottom:-10px;filter:blur(4px);opacity:0;transition:all .24s linear}.brave_popup .brave_element .element_hover_animation.element_hover_animation-riseup:hover:hover{transform:translateY(-3px)}.brave_popup .brave_element .element_hover_animation.element_hover_animation-riseup:hover:hover:after{opacity:1}.brave_popup .brave_popup__step.brave_popup_fullHeight .brave_popup__step__popup .brave_popup__step__content{overflow-x:hidden;overflow-y:auto;scrollbar-color:#ddd transparent;scrollbar-width:thin}.brave_popup .brave_popup__step.brave_popup_fullHeight .brave_popup__step__popup .brave_popup__step__content::-webkit-scrollbar{width:12px;border-radius:12px;background:transparent;border:0 solid transparent}.brave_popup .brave_popup__step.brave_popup_fullHeight .brave_popup__step__popup .brave_popup__step__content::-webkit-scrollbar-thumb{width:10px;border-radius:16px;border:3px solid transparent;box-shadow:inset 0 0 0 3px;color:#ddd}.bravepop_landing_page{overflow:hidden}.brave_popup__step_wrap--hide{opacity:0;visibility:hidden;transition:all .3s linear}.brave_element--button--hover_color .brave_element__styler,.brave_element--hasHoverAnim{transition:all .14s linear}.brave_element--button--hover_opacity:hover,.brave_element--image--hover_opacity:hover{opacity:.7}.brave_element--button--hover_enlarge:hover,.brave_element--image--hover_enlarge:hover{transform:scale(1.05)}.brave_element--button--hover_shrink:hover,.brave_element--image--hover_shrink:hover{transform:scale(.95)}.brave_element--button--hover_brighten:hover,.brave_element--image--hover_brighten:hover{filter:brightness(1.25)}.brave_element--button--hover_darken:hover,.brave_element--image--hover_darken:hover{filter:brightness(.8)}.brave_element--button--hover_riseup,.brave_element--image--hover_riseup{transition:all .24s linear}.brave_element--button--hover_riseup:after,.brave_element--image--hover_riseup:after{content:"";width:90%;position:absolute;background:rgba(0,0,0,.3);height:5px;left:5%;bottom:-10px;filter:blur(4px);opacity:0;transition:all .24s linear}.brave_element--button--hover_riseup:hover,.brave_element--image--hover_riseup:hover{transform:translateY(-3px)}.brave_element--button--hover_riseup:hover:after,.brave_element--image--hover_riseup:hover:after{opacity:1}#bravepop_element_tooltip{max-width:300px;background-color:rgba(0,0,0,.85);color:#fff;text-align:center;border-radius:3px;position:fixed;z-index:9999999999;font-family:sans-serif;font-size:11px;font-weight:600;width:auto;padding:5px 12px}#bravepop_element_tooltip:empty{display:none}#bravepop_element_tooltip:after{content:"";position:absolute;border:5px solid transparent;border-top-color:rgba(0,0,0,.85);left:auto;right:-10px;top:calc(50% - 5px)}#bravepop_element_tooltip.bravepop_element_tooltip-left:after{border-color:transparent transparent transparent rgba(0,0,0,.85)}#bravepop_element_tooltip.bravepop_element_tooltip-right:after{border-color:transparent rgba(0,0,0,.85) transparent transparent;right:auto;left:-10px;top:calc(50% - 5px)}#bravepop_element_tooltip.bravepop_element_tooltip-bottom:after{border-color:transparent transparent rgba(0,0,0,.85);top:-10px;right:50%}#bravepop_element_tooltip.bravepop_element_tooltip-top:after{border-color:rgba(0,0,0,.85) transparent transparent;top:100%;left:50%;right:auto}#bravepop_element_lightbox{position:fixed;top:0;left:0;z-index:999999999999999;width:100vw;height:100vh;display:none;transition:all .14s linear}#bravepop_element_lightbox_content{width:auto;text-align:center;position:absolute;transform:translateY(-50%);left:0;right:0;top:50%;margin:70px auto 0;visibility:hidden;opacity:0;transition:all .14s linear}#bravepop_element_lightbox_content img{max-height:80vh;max-width:100%;width:auto}#bravepop_element_lightbox_close{position:fixed;right:0;padding:40px;cursor:pointer;opacity:.5;font-size:24px;font-family:sans-serif;color:#fff;transition:all .14s linear}#bravepop_element_lightbox_close:after{content:"\274C"}#bravepop_element_lightbox_close:hover{opacity:.8}#bravepop_element_lightbox.bravepop_element_lightbox--open{display:block;background:rgba(0,0,0,.7)}#bravepop_element_lightbox.bravepop_element_lightbox--open #bravepop_element_lightbox_content{margin-top:0;visibility:visible;opacity:1}@keyframes bravespin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bravefadeIn{0%{opacity:0}to{opacity:1}}@keyframes bravefadeInLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInLeftBig{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInRightBig{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInTopBig{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes bravefadeInBottomBig{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateX(0)}}@keyframes bravezoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes bravezoomInLeft{0%{opacity:0;transform:scale(.7) translateX(-100px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes bravezoomInRight{0%{opacity:0;transform:scale(.7) translateX(100px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes bravezoomInTop{0%{opacity:0;transform:scale(.7) translateY(-100px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes bravezoomInBottom{0%{opacity:0;transform:scale(.7) translateY(100px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes braverotateInTop{0%{opacity:0;transform:rotate(-6deg) translateY(-100px)}to{opacity:1;transform:rotate(0deg) translateX(0)}}@keyframes braverotateInBottom{0%{opacity:0;transform:rotate(6deg) translateY(100px)}to{opacity:1;transform:rotate(0deg) translateX(0)}}@keyframes bravewobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25px,0,0) rotate(-4deg)}30%{transform:translate3d(20px,0,0) rotate(2deg)}45%{transform:translate3d(-15px,0,0) rotate(-2deg)}60%{transform:translate3d(10px,0,0) rotate(1deg)}75%{transform:translate3d(-5px,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes braveshake{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(0)}45%{transform:translate(8px)}60%{transform:translate(0)}75%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes braverotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bravezoom{0%{transform:scale(1)}85%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes braveblink{0%{opacity:1}25%{opacity:.5}50%{opacity:0}75%{opacity:.5}to{opacity:1}}@keyframes bravefloat{0%{transform:translate(0)}50%{transform:translateY(10px)}75%{transform:translateY(5px)}to{transform:translate(0)}}@keyframes bravebounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}.brave_popup--embedded{position:relative;z-index:auto!important;float:none}.brave_popup .brave_popup__step.brave_popup__step--embedded{position:relative!important;z-index:auto!important;max-width:100%;height:auto;left:auto;top:auto;margin-top:30px;margin-bottom:30px}.brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__inner{margin-top:0!important;top:auto;left:auto;right:auto;bottom:auto;transform:none;position:relative}.brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__overlay{display:none}.brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__popup{overflow:initial}.brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__content{border-radius:inherit}.brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popupMargin__wrap{top:0!important}.brave_popup .brave_popup__step.brave_popup__step--embedded.has_overlay .brave_popup__step__overlay{display:block;position:absolute;height:100%}.brave_popup .brave_popup__step.brave_popup__step--embedded.brave_popup__step__inner--scaled{margin-top:0;margin-bottom:0;overflow:hidden}.brave_popup .brave_popup__step.brave_popup__step--embedded.brave_popup_show_scrollbar{overflow:hidden}.brave_embed_loading{position:absolute;width:20px;height:20px;margin:90px auto 0;left:0;right:0}.brave_embed_loading svg{display:block;animation-name:bravespin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.bravepopup_embedded--inserted .brave_embed_loading--hide{display:none}.bravepopup_embedded--left .brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__inner{margin-left:0!important;margin-right:0!important}.bravepopup_embedded--right .brave_popup .brave_popup__step.brave_popup__step--embedded .brave_popup__step__inner{margin-left:0!important;margin-right:0!important;float:right}.bravepop_embedded_sibling{visibility:hidden;display:none}.bravepopup_embedded__locker{width:100%;position:relative;height:300px;display:block!important}.bravepopup_embedded__locker svg{width:40px;height:40px;position:absolute;margin:0 auto;left:0;right:0;top:90px}.bravepopup_embedded__locker span{width:100%;display:inline-block;height:7px;background:#ddd}.bravepopup_embedded__locker span:nth-child(10){width:60%}.bravepopup_embedded__locker--hide{display:none!important}.bravepopup_embedded__floatclear{clear:both}.bravepopup_embedded__contentBG{position:fixed!important;width:100%!important;height:100%!important;max-width:unset!important;left:0;top:0;z-index:1;visibility:hidden;opacity:0;transition:all .2s linear}.bravepopup_embedded__bg--active{visibility:visible;opacity:1;background:rgba(0,0,0,.8)}.bravepopup_embedded__highlight--active .brave_popup--embedded{z-index:2!important}@media not all and (min-resolution:0.001dpcm){@supports(-webkit-appearance:none){.brave_popup .brave_popup__step__inner .brave_popup__step__popup{transform:translateZ(0)}}}@media screen and (min-width:760px){.brave_popup__step_wrap--show .brave_popup__step__desktop{display:block}.brave_popup__step_wrap--show .brave_popup__step__mobile{display:none}}@media screen and (max-width:761px){.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]{-webkit-appearance:radio!important}.brave_popup .brave_element.brave_element--form .brave_form_field input[type=radio]:before{display:none!important}.brave_popup__step_wrap--show .brave_popup__step__desktop{display:none}.brave_popup__step--mobile-noContent.brave_popup__step_wrap--show .brave_popup__step__desktop,.brave_popup__step_wrap--show .brave_popup__step__mobile{display:block}.brave_popup__step--mobile-noContent.brave_popup__step_wrap--show .brave_popup__step__mobile{display:none}.brave_popup__step__elements{width:360px!important;margin:0!important}.brave_popup__step__mobile.brave_popup__step--float .brave_popup__step__elements,.brave_popup__step__mobile.position_bottom_center .brave_popup__step__elements,.brave_popup__step__mobile.position_center_center .brave_popup__step__elements,.brave_popup__step__mobile.position_top_center .brave_popup__step__elements{margin:0 auto!important}}body.brave_scroll_lock{height:100vh;overflow:hidden}.pika-single{z-index:9999999999999;display:block;position:relative;color:#333;background:#fff;border:1px solid;border-color:#ccc #ccc #bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:0;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.is-rtl .pika-prev,.pika-next{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.2857142857%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.has-event .pika-button,.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--header:max(50px,var(--s)*1.166667);--vh:100vh;--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--hsl:var(--ch) var(--cs) var(--cl);--color:hsl(var(--hsl));--dark:hsl(var(--ch) var(--cs) calc(var(--cl) - 10%));--bg:hsl(var(--hsl)/4%);--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat:has(.joinchat__chatbox) .joinchat__button:hover{transition-duration:1.5s}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat--chatbox .joinchat__button{display:none}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__badge{position:absolute;z-index:2;bottom:calc(var(--s) - 8px);right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat--left .joinchat__badge{right:auto;left:calc(var(--s) - 8px)}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}.joinchat__chatbox{content-visibility:hidden;display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--h) + 2px);background:#fff linear-gradient(180deg,var(--color),var(--color) var(--header),var(--bg) var(--header),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__chatbox{text-align:right}.joinchat--chatbox .joinchat__chatbox{content-visibility:visible;opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__chatbox{right:auto;left:0}.joinchat--dark .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);padding:0 70px 0 26px;margin:0}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat__header span{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__header a{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__header a svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__header a:active,.joinchat__header a:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{display:block;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6z'/%3E%3C/svg%3E") 50%/12px no-repeat;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__scroll{overflow:hidden scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__scroll{background:hsl(var(--hsl)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__content{display:flex;flex-direction:column;width:calc(100% + 4px);padding:20px 0 8px}.joinchat__content:after{content:"";display:block;position:absolute;bottom:0;left:0;right:4px;height:calc(var(--s) + 20px);background:#fff linear-gradient(180deg,var(--bg),var(--bg));-webkit-mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));pointer-events:none}.joinchat--dark .joinchat__content:after{background-color:#1a1a1a}.joinchat__open{position:sticky;z-index:2;bottom:8px;align-self:flex-end;display:flex;flex-direction:row;min-width:var(--s);height:var(--s);margin:0 8px;background:var(--color);color:inherit;border-radius:var(--h);box-shadow:0 1px 2px 0 rgba(0,0,0,.3);overflow:hidden;cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__open{align-self:flex-start;flex-direction:row-reverse}.joinchat__open:active,.joinchat__open:hover{background:var(--hover)}.joinchat--left .joinchat__open{align-self:flex-start;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__open{flex-direction:row}.joinchat--optout .joinchat__open{background-color:#999;pointer-events:none}.joinchat__open__icon{flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat__open__icon path{fill:none!important;stroke:var(--text)!important;stroke-linecap:round;stroke-width:33px;animation:none}.joinchat__open__icon .joinchat__pa{--stroke:1097}.joinchat__open__icon .joinchat__pb{--stroke:1020}.joinchat--chatbox .joinchat__open__icon path{stroke-dasharray:var(--stroke);stroke-dashoffset:var(--stroke);animation:joinchat_send_svg 6s .2s ease-in-out infinite}.joinchat--chatbox .joinchat__open__icon .joinchat__pb{animation-delay:3.2s}.joinchat--optout .joinchat__open__icon path{animation:none}.joinchat--optout .joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat__open__text{max-width:0;padding:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:none}.joinchat--chatbox .joinchat__open__text{max-width:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));padding:0 4px 0 24px;opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__open__text{padding:0 24px 0 4px}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__chat{--peak_l:path("M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z");--peak_r:path("M0 25.68V0c0 13.23 10.92 15.3 15.97 16.34 1.56.32 1.18 2.34 0 2.34-8.58 0-15.97-.1-15.97 7Z");--peak:var(--peak_l);display:flex;flex-direction:column;align-items:flex-start;padding-bottom:10px}[dir=rtl] .joinchat__chat{--peak:var(--peak_r)}.joinchat__bubble{position:relative;min-width:60px;max-width:calc(100% - 52px);min-height:56px;padding:15px 20px;margin:0 26px 16px;border-radius:26px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform-origin:0 50%;animation:joinchat_show .25s cubic-bezier(0,0,.58,1.19) 10ms both}[dir=rtl] .joinchat__bubble{transform-origin:100% 50%}.joinchat__bubble:before{content:"";display:block;position:absolute;bottom:18px;left:-15px;width:17px;height:25px;background:inherit;clip-path:var(--peak)}[dir=rtl] .joinchat__bubble:before{left:auto;right:-15px}.joinchat--dark .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat__bubble.joinchat__bubble--loading{width:70px;border:none;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate id='c' attributeName='cy' begin='0;a.end+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' begin='c.begin+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate id='a' attributeName='cy' begin='c.begin+0.2s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E") 20px 20px no-repeat;transform-origin:50%!important;animation:joinchat_show .1s ease-out 10ms both}.joinchat--dark .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}.joinchat__bubble.joinchat__bubble--note{min-height:0;padding:0;background:none;font-size:13px;line-height:1.33;filter:none;animation:none}.joinchat__bubble.joinchat__bubble--media{padding:5px}.joinchat__bubble.joinchat__bubble--loading:before,.joinchat__bubble.joinchat__bubble--note:before{content:none}.joinchat__bubble a{color:var(--msg)!important;font-size:1em;text-decoration:underline}.joinchat__bubble a:active,.joinchat__bubble a:hover{color:var(--hover)!important;border-color:var(--hover)}.joinchat__bubble a.joinchat__btn{display:inline-block;min-height:46px;max-width:100%;padding:10px 20px;margin:5px 0;border:3px solid var(--msg);border-radius:23px;line-height:20px;text-align:center;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis}.joinchat__bubble a.joinchat__btn+.joinchat__bubble a.joinchat__btn{margin-top:-5px}.joinchat__bubble img,.joinchat__bubble video{max-width:100%;height:auto;margin:.2em 0;border-radius:4px;box-shadow:0 1px 5px rgb(0 0 0/10%)}.joinchat__bubble .joinchat--inline{display:inline-block;margin:-10px 0;border-radius:0;box-shadow:none;vertical-align:middle}.joinchat__bubble--media .joinchat--inline,.joinchat__bubble--media img,.joinchat__bubble--media video{display:block;margin:0;border-radius:21px}.joinchat__bubble code{padding:2px 5px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.joinchat__bubble hr{width:100%!important;height:0!important;padding:0!important;border:none!important;border-top:2px solid var(--msg)!important;margin:10px 0!important}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_send_svg{0%,50%,to{stroke-dashoffset:var(--stroke)}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px;--header:max(50px,var(--s)*0.9166667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__bubble{max-width:calc(100% - 40px);padding:16px;margin:0 20px 10px;line-height:24px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr,.joinchat--chatbox:has(.joinchat__open:hover) .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--dark-auto .joinchat__content:after{background-color:#1a1a1a}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}}@media (prefers-reduced-motion){.joinchat,.joinchat__open__icon path{animation:none}.joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat__open__text{transition:none!important}.joinchat__bubble{animation:none!important}}