:root{--cfw-heading-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--cfw-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--cfw-body-background-color:#fff;--cfw-body-text-color:#666;--cfw-body-link-color:#0073aa;--cfw-header-background-color:#fff;--cfw-header-text-color:#2b2b2b;--cfw-header-bottom-margin:0;--cfw-footer-background-color:#fff;--cfw-footer-text-color:#999;--cfw-footer-top-margin:0;--cfw-cart-summary-background-color:#fff;--cfw-cart-summary-mobile-background-color:#f4f4f4;--cfw-cart-summary-text-color:#333;--cfw-cart-summary-item-quantity-background-color:#727272e6;--cfw-cart-summary-item-quantity-text-color:#fff;--cfw-cart-summary-order-total-text-color:#000;--cfw-breadcrumb-completed-text-color:#00000080;--cfw-breadcrumb-current-text-color:#333;--cfw-breadcrumb-next-text-color:#00000080;--cfw-breadcrumb-completed-accent-color:#333;--cfw-breadcrumb-current-accent-color:#333;--cfw-breadcrumb-next-accent-color:#333;--cfw-buttons-primary-background-color:#333;--cfw-buttons-primary-text-color:#fff;--cfw-buttons-primary-hover-background-color:#555;--cfw-buttons-primary-hover-text-color:#fff;--cfw-buttons-secondary-background-color:#333;--cfw-buttons-secondary-text-color:#fff;--cfw-buttons-secondary-hover-background-color:#555;--cfw-buttons-secondary-hover-text-color:#555;--cfw-logo-url:"";--cfw-loading-shimmer-display-mode:block;--cfw-loading-shimmer-cart-item-quantity-display-mode:none;--cfw-loading-shimmer-primary-color:#eff1f3;--cfw-loading-shimmer-gradient:linear-gradient(to right,var(--cfw-loading-shimmer-primary-color) 4%,#e2e2e2 25%,var(--cfw-loading-shimmer-primary-color) 36%);--cfw-horizontal-divider-color:#b0b0b2;--cfw-loading-shimmer-filter:none;--cfw-tb-review-title:#333;--cfw-tb-review-subtitle:#6b7280;--cfw-tb-review-content:#333;--cfw-tb-guarantee-title:#333;--cfw-tb-guarantee-content:#333}.cfw-order-bumps-stepper-wrapper{display:flex;justify-content:space-between;margin-bottom:1.8em;margin-top:auto}.cfw-order-bumps-stepper-wrapper .stepper-item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative}@media(max-width:768px){.cfw-order-bumps-stepper-wrapper .stepper-item{font-size:12px}}.cfw-order-bumps-stepper-wrapper .stepper-item:before{border-bottom:4px solid #ccc;content:"";left:-50%;position:absolute;top:20px;width:100%;z-index:2}.cfw-order-bumps-stepper-wrapper .stepper-item:after{border-bottom:4px solid #ccc;content:"";left:50%;position:absolute;top:20px;width:100%;z-index:2}.cfw-order-bumps-stepper-wrapper .stepper-item .step-counter{align-items:center;background:#ccc;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:6px;position:relative;width:40px;z-index:5}.cfw-order-bumps-stepper-wrapper .stepper-item.active{font-weight:700}.cfw-order-bumps-stepper-wrapper .stepper-item.completed .step-counter{background-color:var(--cfw-buttons-primary-background-color)}.cfw-order-bumps-stepper-wrapper .stepper-item.completed:after,.cfw-order-bumps-stepper-wrapper .stepper-item.completed:before{border-bottom:4px solid var(--cfw-buttons-primary-background-color)}.cfw-order-bumps-stepper-wrapper .stepper-item.completed:after{content:"";left:50%;position:absolute;top:20px;width:100%;z-index:3}.cfw-order-bumps-stepper-wrapper .stepper-item:last-child:before{border-bottom:4px solid #ccc!important;z-index:3}.cfw-order-bumps-stepper-wrapper .stepper-item:first-child:before,.cfw-order-bumps-stepper-wrapper .stepper-item:last-child:after{content:none}.cfw-order-bump-offer-form-wrap .cfw-product-form-modal-title{font-family:var(--cfw-heading-font-family);font-size:1.5em}.cfw-order-bump-offer-form-wrap .cfw-product-form-modal-image-wrap{padding-inline-end:10px}.cfw-order-bump-offer-form-wrap .cfw-product-form-modal-image-wrap img{height:auto;width:100%}.cfw-order-bump-offer-form-wrap .woocommerce-variation-add-to-cart{display:none!important}.cfw-order-bump-offer-form-wrap .variations label{text-align:start}.cfw-order-bump-offer-form-wrap .stock.out-of-stock{color:red}.cfw-order-bump-offer-form-wrap .quantity,.cfw-order-bump-offer-form-wrap .woocommerce-variation-price{display:none!important}.cfw-order-bump-offer-form-wrap p{margin-bottom:.8em!important}.cfw-order-bump-offer-form-wrap form{background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#333;padding:40px!important;width:auto!important}.easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}.easy-autocomplete.eac-square{font-family:"Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-square input{border:1px solid #7f8c8d;border-radius:0;color:#7f8c8d;font-family:inherit;font-size:18px;font-style:italic;font-weight:300;margin:0;min-width:350px;padding:12px 43px 12px 15px}.easy-autocomplete.eac-square ul{border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:300;padding:6px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:300}.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#f1f1f1;font-weight:300}.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:600}.easy-autocomplete.eac-round{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-round input{border:2px solid #888;border-radius:10px;color:#888;font-family:inherit;font-size:16px;font-weight:400;margin:0;min-width:300px;padding:10px}.easy-autocomplete.eac-round input:hover,.easy-autocomplete.eac-round input:focus{border-color:#3079ed}.easy-autocomplete.eac-round ul{background:none;border-color:#888;border-width:0;box-shadow:none;min-width:300px;top:20px}.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;border-color:#3079ed;border-width:0 2px;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color:#d4e3fb}.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{border-radius:10px 10px 0 0;border-width:2px 2px 0}.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-radius:0 0 10px 10px;border-width:0 2px 2px}.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:700}.easy-autocomplete.eac-funky{font-family:"Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}@font-face {
font-family: "VI_WN_ICON_CLOSE";
src: url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.eot);
src: url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.eot?#iefix) format("embedded-opentype"),
url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.woff2) format("woff2"),
url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.woff) format("woff"),
url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.ttf) format("truetype"),
url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.svg#icons-close) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "VI_WN_ICON_CLOSE";
src: local('VI_WN_ICON_CLOSE'),  url(//perfumescardales.com.ar/wp-content/plugins/woocommerce-notification/fonts/icons-close.svg#icons-close) format("svg");
}
}
[class^="vi-wn-icons-close-"]:before, [class*=" vi-wn-icons-close-"]:before,
[class^="vi-wn-icons-close-"]:after, [class*=" vi-wn-icons-close-"]:after {
font-family: VI_WN_ICON_CLOSE;
font-size: 20px;
font-style: normal;
}
.vi-wn-icons-close-cancel:before {
content: "\f100";
}
.vi-wn-icons-close-cross:before {
content: "\f101";
}
.vi-wn-icons-close-close:before {
content: "\f102";
}#message-purchased {
border: 0 none;
border-radius: 0;
bottom: 20px;
display: none;
font-family: tahoma, sans-serif;
left: 20px;
position: fixed;
right: auto !important;
text-align: left;
top: auto !important;
width: auto;
z-index: 99999999;
align-items: center;
flex-direction: row;
}
#message-purchased.bottom_right {
left: auto !important;
right: 20px !important;
}
#message-purchased.top_right {
left: auto !important;
right: 20px !important;
top: 20px !important;
bottom: auto !important;
}
#message-purchased.top_left {
left: auto !important;
top: 20px !important;
bottom: auto !important;
}
#message-purchased img {
width: auto;
max-width: 96px;
height: auto;
max-height: 100px;
border-radius: 0;
transform: translateZ(0);
}
#message-purchased p {
float: left;
font-size: 13px;
line-height: 20px;
margin: 0;
padding: 0;
width: auto;
}
#message-purchased.wn-product-without-image .wn-notification-message-container {
padding: 20px 0 20px 20px;
}
#message-purchased.wn-product-with-image {
max-width: 500px;
min-width: 350px;
}
#message-purchased.wn-product-without-image {
max-width: 400px;
min-width: 250px;
}
#message-purchased .wn-notification-image-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
width: auto;
height: 100%;
text-align: center;
}
@media screen and (max-width: 600px){
#message-purchased .wn-notification-image-wrapper {
width: 96px;
max-width: 96px;
}
#message-purchased img {
max-width: 100%;
}
}
#message-purchased p.wn-notification-message-container {
overflow: hidden;
max-width: 400px;
line-height: 1.8;
display: grid;
align-items: center;
flex-wrap: wrap;
padding-top: 10px;
padding-bottom: 10px;
}
#message-purchased p a,
#message-purchased p .wn-popup-product-title {
color: #000;
display: block;
font-size: 14px;
font-weight: 700;
width: 100%;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
white-space: nowrap;
}
#message-purchased p a:hover {
color: #000;
}
#message-purchased p small {
display: block;
font-size: 10px;
margin: 0;
}
#message-purchased.img-right .message-purchase-main .wn-notification-message-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
#message-purchased.img-right .message-purchase-main {
padding: 0;
}
#message-purchased.img-right.wn-product-with-image .message-purchase-main {
flex-direction: row-reverse;
justify-content: space-between;
}
#message-purchased #notify-close {
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
width: 22px;
height: 22px;
border: none;
overflow: hidden;
display: flex;
opacity: 1;
transition: opacity 200ms;
}
#message-purchased #notify-close:before {
content: "\f101";
font-family: VI_WN_ICON_CLOSE;
font-size: 14px;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
}
#message-purchased #notify-close:hover {
opacity: .6;
}
#message-purchased.img-right #notify-close {
right: -20px !important;
top: -20px !important;
}
body #message-purchased.wn-background-template-type-2 {
max-width: 515px;
}
@media screen and (max-width: 767px) {
body #message-purchased {
bottom: 10px !important;
box-sizing: border-box;
left: 10px !important;
right: 10px !important;
top: auto !important;
}
body #message-purchased.wn-extended {
bottom: 10px !important;
box-sizing: border-box;
margin: 0 auto;
top: auto !important;
}
body #message-purchased.wn-extended.wn-background-template-type-2 {
width: unset !important;
}
#message-purchased.bottom_right {
right: 0 !important;
}
#message-purchased.top_right {
right: 0 !important;
}
#message-purchased p {
font-size: 11px;
}
#message-purchased.wn-product-with-image p {
width: 70%;
}
#message-purchased p a {
font-size: 13px;
}
#message-purchased p small {
margin-bottom: 0;
}
#message-purchased p.wn-notification-message-container {
padding-top: 0;
padding-bottom: 0;
}
#message-purchased.wn-extended p.wn-notification-message-container {
width: auto;
}
#message-purchased.wn-extended.wn-product-with-image p.wn-notification-message-container {
max-width: 250px;
}
#message-purchased.img-right #notify-close {
right: -5px !important;
}
}
#woocommerce-notification-audio {
display: none;
}
#message-purchased a {
color: #0f0f0f;
}
@keyframes nFadeIn {
0% {
opacity: 0;
transform: translate3d(0px, 100%, 0px);
}
100% {
opacity: 1;
transform: none;
}
}
#message-purchased.fade-in {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: nFadeIn;
opacity: 0;
}
@keyframes nFadeOut {
0% {
opacity: 1;
}
100% {
bottom: 0;
opacity: 0;
transform: translate3d(0px, 100%, 0px);
}
}
#message-purchased.fade-out {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: nFadeOut;
opacity: 1;
} @keyframes nbounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
#message-purchased.bounceIn {
animation-duration: 1s;
animation-name: nbounceIn;
} @keyframes nbounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInDown {
animation-duration: 1s;
animation-name: nbounceInDown;
} @keyframes nbounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInLeft {
animation-duration: 1s;
animation-name: nbounceInLeft;
} @keyframes nbounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
#message-purchased.bounceInRight {
animation-duration: 1s;
animation-name: nbounceInRight;
} @keyframes nbounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.bounceInUp {
animation-duration: 1.5s;
animation-name: nbounceInUp;
} @keyframes nbounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
#message-purchased.bounceOut {
animation-duration: 1.5s;
animation-name: nbounceOut;
opacity: 0;
} @keyframes nbounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
#message-purchased.bounceOutDown {
animation-duration: 1.5s;
animation-name: nbounceOutDown;
opacity: 0;
} @keyframes nbounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
#message-purchased.bounceOutLeft {
animation-duration: 1.5s;
animation-name: nbounceOutLeft;
opacity: 0;
} @keyframes nbounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
#message-purchased.bounceOutRight {
animation-duration: 1.5s;
animation-name: nbounceOutRight;
opacity: 0;
} @keyframes nbounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
#message-purchased.bounceOutUp {
animation-duration: 1.5s;
animation-name: nbounceOutUp;
opacity: 0;
} @keyframes nfadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInDown {
animation-duration: 1s;
animation-name: nfadeInDown;
} @keyframes nfadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInDownBig {
animation-duration: 1s;
animation-name: nfadeInDownBig;
} @keyframes nfadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInLeft {
animation-duration: 1s;
animation-name: nfadeInLeft;
} @keyframes nfadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInLeftBig {
animation-duration: 1s;
animation-name: nfadeInLeftBig;
} @keyframes nfadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInRight {
animation-duration: 1s;
animation-name: nfadeInRight;
} @keyframes nfadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInRightBig {
animation-duration: 1s;
animation-name: nfadeInRightBig;
} @keyframes nfadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInUp {
animation-duration: 1s;
animation-name: nfadeInUp;
} @keyframes nfadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.fadeInUpBig {
animation-duration: 1s;
animation-name: nfadeInUpBig;
} @keyframes nfadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
#message-purchased.fadeOutDown {
animation-duration: 1.5s;
animation-name: nfadeOutDown;
opacity: 0;
} @keyframes nfadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
#message-purchased.fadeOutDownBig {
animation-duration: 1.5s;
animation-name: nfadeOutDownBig;
opacity: 0;
} @keyframes nfadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
#message-purchased.fadeOutLeft {
animation-duration: 1.5s;
animation-name: nfadeOutLeft;
opacity: 0;
} @keyframes nfadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
#message-purchased.fadeOutLeftBig {
animation-duration: 1.5s;
animation-name: nfadeOutLeftBig;
opacity: 0;
} @keyframes nfadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
#message-purchased.fadeOutRight {
animation-duration: 1.5s;
animation-name: nfadeOutRight;
opacity: 0;
} @keyframes nfadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
#message-purchased.fadeOutRightBig {
animation-duration: 1.5s;
animation-name: nfadeOutRightBig;
opacity: 0;
} @keyframes nfadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
#message-purchased.fadeOutUp {
animation-duration: 1.5s;
animation-name: nfadeOutUp;
opacity: 0;
} @keyframes nfadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
#message-purchased.fadeOutUpBig {
animation-duration: 1.5s;
animation-name: nfadeOutUpBig;
opacity: 0;
} @keyframes nflipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
#message-purchased.flipInX {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: nflipInX;
} @keyframes nflipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
#message-purchased.flipInY {
animation-duration: 1s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: nflipInY;
} @keyframes nflipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
#message-purchased.flipOutX {
animation-duration: 1.5s;
animation-name: nflipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
opacity: 0;
} @keyframes nflipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
#message-purchased.flipOutY {
animation-duration: 1.5s;
animation-name: nflipOutY;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
opacity: 0;
} @keyframes nlightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
#message-purchased.lightSpeedIn {
animation-duration: 1s;
animation-name: nlightSpeedIn;
animation-timing-function: ease-out;
} @keyframes nlightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
#message-purchased.lightSpeedOut {
animation-duration: 1.5s;
animation-name: nlightSpeedOut;
animation-timing-function: ease-in;
opacity: 0;
} @keyframes nrotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateIn {
animation-duration: 1s;
animation-name: nrotateIn;
} @keyframes nrotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInDownLeft {
animation-duration: 1s;
animation-name: nrotateInDownLeft;
} @keyframes nrotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInDownRight {
animation-duration: 1s;
animation-name: nrotateInDownRight;
} @keyframes nrotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInUpLeft {
animation-duration: 1s;
animation-name: nrotateInUpLeft;
} @keyframes nrotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
#message-purchased.rotateInUpRight {
animation-duration: 1s;
animation-name: nrotateInUpRight;
} @keyframes nrotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
#message-purchased.rotateOut {
animation-duration: 1.5s;
animation-name: nrotateOut;
opacity: 0;
} @keyframes nrotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
#message-purchased.rotateOutDownLeft {
animation-duration: 1.5s;
animation-name: nrotateOutDownLeft;
opacity: 0;
} @keyframes nrotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
#message-purchased.rotateOutDownRight {
animation-duration: 1.5s;
animation-name: nrotateOutDownRight;
opacity: 0;
} @keyframes nrotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
#message-purchased.rotateOutUpLeft {
animation-duration: 1.5s;
animation-name: nrotateOutUpLeft;
opacity: 0;
} @keyframes nrotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
#message-purchased.rotateOutUpRight {
animation-duration: 1.5s;
animation-name: nrotateOutUpRight;
opacity: 0;
} @keyframes nrollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
#message-purchased.rollIn {
animation-duration: 1s;
animation-name: nrollIn;
} @keyframes nrollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
#message-purchased.rollOut {
animation-duration: 1.5s;
animation-name: nrollOut;
opacity: 0;
} @keyframes nzoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
#message-purchased.zoomIn {
animation-duration: 1s;
animation-name: nzoomIn;
} @keyframes nzoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInDown {
animation-duration: 1s;
animation-name: nzoomInDown;
} @keyframes nzoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInLeft {
animation-duration: 1s;
animation-name: nzoomInLeft;
} @keyframes nzoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInRight {
animation-duration: 1s;
animation-name: nzoomInRight;
} @keyframes nzoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomInUp {
animation-duration: 1s;
animation-name: nzoomInUp;
} @keyframes nzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
#message-purchased.zoomOut {
animation-duration: 1.5s;
animation-name: nzoomOut;
opacity: 0;
} @keyframes nzoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomOutDown {
animation-duration: 1.5s;
animation-name: nzoomOutDown;
opacity: 0;
} @keyframes nzoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
#message-purchased.zoomOutLeft {
animation-duration: 1.5s;
animation-name: nzoomOutLeft;
opacity: 0;
} @keyframes nzoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
#message-purchased.zoomOutRight {
animation-duration: 1.5s;
animation-name: nzoomOutRight;
opacity: 0;
} @keyframes nzoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
#message-purchased.zoomOutUp {
animation-duration: 1.5s;
animation-name: nzoomOutUp;
opacity: 0;
} @keyframes nslideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInDown {
animation-duration: 1s;
animation-name: nslideInDown;
} @keyframes nslideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInLeft {
animation-duration: 1s;
animation-name: nslideInLeft;
} @keyframes nslideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInRight {
animation-duration: 1s;
animation-name: nslideInRight;
} @keyframes nslideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
#message-purchased.slideInUp {
animation-duration: 1s;
animation-name: nslideInUp;
} @keyframes nslideOutDown {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
opacity: 0;
}
}
#message-purchased.slideOutDown {
animation-duration: 1.5s;
animation-name: nslideOutDown;
opacity: 0;
} @keyframes nslideOutLeft {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
}
#message-purchased.slideOutLeft {
animation-duration: 1.5s;
animation-name: nslideOutLeft;
opacity: 0;
} @keyframes nslideOutRight {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
opacity: 0;
}
}
#message-purchased.slideOutRight {
animation-duration: 1.5s;
animation-name: nslideOutRight;
opacity: 0;
} @keyframes nslideOutUp {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
#message-purchased.slideOutUp {
animation-duration: 1.5s;
animation-name: nslideOutUp;
opacity: 0;
} #message-purchased .wn-nonajax {
display: flex;
} #message-purchased .message-purchase-main {
padding: 0 35px 0 0;
display: flex;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
position: relative;
width: 100%;
height: 100%;
}
#message-purchased.wn-rounded-corner .message-purchase-main {
border-radius: 100px !important;
overflow: hidden !important;
}
#message-purchased.wn-rounded-corner img.wn-notification-image {
border-radius: 50px !important;
}
#message-purchased.wn-rounded-corner #notify-close {
right: -6px !important;
top: -6px !important;
} .rtl #message-purchased p,
#message-purchased.wn-rtl p {
float: right;
}
.rtl #message-purchased .message-purchase-main,
#message-purchased.wn-rtl .message-purchase-main {
padding: 0 0 0 35px;
text-align: right;
}
.rtl #message-purchased .message-purchase-main:before,
#message-purchased.wn-rtl .message-purchase-main:before {
transform: scaleX(-1);
}
.rtl #message-purchased img,
#message-purchased.wn-rtl img {
float: right;
}
.rtl #message-purchased #notify-close,
#message-purchased.wn-rtl #notify-close {
right: unset !important;
left: 10px;
}
.rtl #message-purchased.wn-extended #notify-close,
#message-purchased.wn-rtl.wn-extended #notify-close {
right: unset !important;
left: 10px;
}
.rtl #message-purchased.wn-rounded-corner #notify-close,
#message-purchased.wn-rtl.wn-rounded-corner #notify-close {
right: unset !important;
left: -6px;
}