ducdt/du_an_khach_hang
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
b2bea934387006b429d8ef053679a842e84b014d
du_an_khach_hang/Viccos/css/library.css

406 lines
57 KiB
CSS
Raw Normal View History

14/09/2023
2023-09-14 23:27:06 +07:00
/**
* Swiper 10.2.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 17, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-
/**
* Fancybox v3.5.7
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 10px}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancy
/* STYLE GLOBAL */
.color-primary{color:var(--color-primary)}
.color-secondary{color:var(--color-secondary)}
.color-white{color:var(--white)}
.color-black{color:var(--black)}
.color-red{color:var(--red)}
.color-blue{color:var(--blue)}
.color-green{color:var(--green)}
.color-gray{color:var(--gray)}
.color-gray-2{color:var(--gray-2)}
.bg-primary{background-color:var(--color-primary)}
.bg-secondary{background-color:var(--color-secondary)}
.bg-white{background-color:var(--white)}
.box-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}
*,::after,::before{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit}
a{text-decoration:none;font-size:inherit;line-height:inherit;color:inherit}
a.default{text-decoration:underline}
a.default:hover{text-decoration:none}
img{max-width:100%;max-height:100%;height:auto}
input{max-width:100%;outline-color:var(--color-primary);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input,input::placeholder,select,textarea,textarea::placeholder{font-family:inherit}
input[type=number]::-webkit-inner-spin-button{opacity:1}
textarea{display:inherit;resize:none;outline-color:var(--color-primary)}
@media (max-width:576px){
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{font-size:16px!important}
}
button{outline:0;border:0;background:transparent;cursor:pointer;font-size:inherit;font-family:inherit;line-height:inherit}
.line-clamp-1{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-uppercase{text-transform:uppercase}
.text-line-through{text-decoration:line-through}
.text-32{font-size:32px;line-height:36px}
.text-28{font-size:28px;line-height:32px}
.text-24{font-size:24px;line-height:28px}
.text-20{font-size:20px;line-height:24px}
.text-18{font-size:18px;line-height:22px}
.text-16{font-size:16px;line-height:20px}
.text-15{font-size:15px;line-height:19px}
.text-14{font-size:14px;line-height:18px}
.text-13{font-size:13px;line-height:17px}
.text-12{font-size:12px;line-height:16px}
.text-10{font-size:10px;line-height:14px}
.font-weight-900{font-weight:900}
.font-weight-700{font-weight:700}
.font-weight-600{font-weight:600}
.font-weight-500{font-weight:500}
.font-weight-400{font-weight:400}
.font-weight-300{font-weight:300}
.grid{display:-ms-grid;display:grid;gap:12px}
.grid--1-cols{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
.grid--2-cols{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
.grid--3-cols{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
.grid--4-cols{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
.grid--5-cols{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}
.grid--6-cols{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)}
.grid--2-rows{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr)}
.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-6px;margin-left:-6px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{position:relative;width:100%;padding-right:6px;padding-left:6px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.row-cols-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.row-cols-2>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.row-cols-3>*{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.row-cols-4>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.row-cols-5>*{-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%}
.row-cols-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media (max-width:768px){
.row{margin-right:-5px;margin-left:-5px}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{padding-right:5px;padding-left:5px}
.col-sm-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.no-gutters{margin-right:0;margin-left:0}
}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}
.flex-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.flex-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:4px!important}
.mt-1,.my-1{margin-top:4px!important}
.mr-1,.mx-1{margin-right:4px!important}
.mb-1,.my-1{margin-bottom:4px!important}
.ml-1,.mx-1{margin-left:4px!important}
.m-2{margin:8px!important}
.mt-2,.my-2{margin-top:8px!important}
.mr-2,.mx-2{margin-right:8px!important}
.mb-2,.my-2{margin-bottom:8px!important}
.ml-2,.mx-2{margin-left:8px!important}
.m-3{margin:16px!important}
.mt-3,.my-3{margin-top:16px!important}
.mr-3,.mx-3{margin-right:16px!important}
.mb-3,.my-3{margin-bottom:16px!important}
.ml-3,.mx-3{margin-left:16px!important}
.m-4{margin:24px!important}
.mt-4,.my-4{margin-top:24px!important}
.mr-4,.mx-4{margin-right:24px!important}
.mb-4,.my-4{margin-bottom:24px!important}
.ml-4,.mx-4{margin-left:24px!important}
.m-5{margin:48px!important}
.mt-5,.my-5{margin-top:48px!important}
.mr-5,.mx-5{margin-right:48px!important}
.mb-5,.my-5{margin-bottom:48px!important}
.ml-5,.mx-5{margin-left:48px!important}
.m-12px{margin:12px!important}
.mt-12px,.my-12px{margin-top:12px!important}
.mr-12px,.mx-12px{margin-right:12px!important}
.mb-12px,.my-12px{margin-bottom:12px!important}
.ml-12px,.mx-12px{margin-left:12px!important}
.m-32px{margin:32px!important}
.mt-32px,.my-32px{margin-top:32px!important}
.mr-32px,.mx-32px{margin-right:32px!important}
.mb-32px,.my-32px{margin-bottom:32px!important}
.ml-32px,.mx-32px{margin-left:32px!important}
.m-10px{margin:10px!important}
.mt-10px,.my-10px{margin-top:10px!important}
.mr-10px,.mx-10px{margin-right:10px!important}
.mb-10px,.my-10px{margin-bottom:10px!important}
.ml-10px,.mx-10px{margin-left:10px!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:4px!important}
.pt-1,.py-1{padding-top:4px!important}
.pr-1,.px-1{padding-right:4px!important}
.pb-1,.py-1{padding-bottom:4px!important}
.pl-1,.px-1{padding-left:4px!important}
.p-2{padding:8px!important}
.pt-2,.py-2{padding-top:8px!important}
.pr-2,.px-2{padding-right:8px!important}
.pb-2,.py-2{padding-bottom:8px!important}
.pl-2,.px-2{padding-left:8px!important}
.p-3{padding:16px!important}
.pt-3,.py-3{padding-top:16px!important}
.pr-3,.px-3{padding-right:16px!important}
.pb-3,.py-3{padding-bottom:16px!important}
.pl-3,.px-3{padding-left:16px!important}
.p-4{padding:24px!important}
.pt-4,.py-4{padding-top:24px!important}
.pr-4,.px-4{padding-right:24px!important}
.pb-4,.py-4{padding-bottom:24px!important}
.pl-4,.px-4{padding-left:24px!important}
.p-5{padding:48px!important}
.pt-5,.py-5{padding-top:48px!important}
.pr-5,.px-5{padding-right:48px!important}
.pb-5,.py-5{padding-bottom:48px!important}
.pl-5,.px-5{padding-left:48px!important}
.p-12px{padding:12px!important}
.pt-12px,.py-12px{padding-top:12px!important}
.pr-12px,.px-12px{padding-right:12px!important}
.pb-12px,.py-12px{padding-bottom:12px!important}
.pl-12px,.px-12px{padding-left:12px!important}
.p-32px{padding:32px!important}
.pt-32px,.py-32px{padding-top:32px!important}
.pr-32px,.px-32px{padding-right:32px!important}
.pb-32px,.py-32px{padding-bottom:32px!important}
.pl-32px,.px-32px{padding-left:32px!important}
.p-10px{padding:10px!important}
.pt-10px,.py-10px{padding-top:10px!important}
.pr-10px,.px-10px{padding-right:10px!important}
.pb-10px,.py-10px{padding-bottom:10px!important}
.pl-10px,.px-10px{padding-left:10px!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.w-auto{width:auto!important}
.h-auto{height:auto!important}
.m-auto{margin:0 auto}
.d-block{display:block!important}
.d-inline-block{display:inline-block!important}
.list{list-style:none}
.hide{display:none!important}
.d-none{display:none!important}
.max-height-none{max-height:unset!important}
.border-none{border:0!important}
.min-width-0{min-width:0}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.visibility-hidden{visibility:hidden}
.p-relative{position:relative!important}
.ws-pre-line{white-space:pre-line}
.hover-primary:hover{color:var(--color-primary)}
.hover-secondary:hover{color:var(--color-secondary)}
.hover-underline:hover{text-decoration:underline}
.border-radius-15{border-radius:15px}
.border-radius-10{border-radius:10px}
.cursor-pointer{cursor:pointer}
.gap-0{gap:0}
.gap-2{gap:2px}
.gap-4{gap:4px}
.gap-8{gap:8px}
.gap-10{gap:10px}
.gap-12{gap:12px}
.gap-16{gap:16px}
.gap-20{gap:20px}
.gap-24{gap:24px}
.gap-28{gap:28px}
.gap-32{gap:32px}
.gap-36{gap:36px}
.gap-40{gap:40px}
.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.success-form .cart-success{width:500px;height:300px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;border-radius:5px}
.success-form .success-form-svg{display:block;height:80px;width:80px;color:var(--color-primary)}
.success-form .text-cart-success{font-size:24px;font-weight:600;line-height:1.6;padding-top:30px;text-align:center}
@media (max-width:576px){
.success-form .cart-success{width:320px;height:250px}
.success-form .text-cart-success{font-size:20px}
}
.style-img-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:100%}
.style-img-content{position:absolute;bottom:0;right:0;top:0;left:0;margin:auto auto}
.static-html{max-height:500px;overflow:hidden;-webkit-transition:.8s;-o-transition:.8s;transition:.8s;position:relative}
.static-html a,.static-html b,.static-html h1,.static-html h2,.static-html h3,.static-html h4,.static-html h5,.static-html h6,.static-html ol,.static-html p,.static-html span,.static-html strong,.static-html ul{margin:revert;padding:revert}
.static-html img{display:block;margin:0 auto;height:auto;max-width:100%}
.static-html table{max-width:100%;margin:0 auto;-webkit-text-size-adjust:100%}
.static-html.blur:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-o-linear-gradient(transparent,#fff);background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.banner-w{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.banner-w:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;-o-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2}
.banner-w::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.shake-animation{-webkit-animation:shake 1.5s infinite;animation:shake 1.5s infinite}
.circle{stroke-dasharray:76;stroke-dashoffset:76;-webkit-animation:.5s forwards draw;animation:.5s forwards draw}
.tick{stroke-dasharray:18;stroke-dashoffset:18;-webkit-animation:.5s .6s forwards draw;animation:.5s .6s forwards draw}
.loading-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:450px;grid-column:1/-1}
.loading-progress .circle{width:200px;height:200px;border-radius:50%;-webkit-animation:colorfull-spin 2s alternate infinite;animation:colorfull-spin 2s alternate infinite;position:absolute}
.loading-progress .circle:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:180px;height:180px}
.loading-progress .circle:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:160px;height:160px}
.loading-progress .circle:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:140px;height:140px}
.loading-progress .circle:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:120px;height:120px}
.loading-progress .circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:100px;height:100px}
.loading-progress .circle:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:80px;height:80px}
.loading-progress .circle:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:60px;height:60px}
.loading-progress .circle:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:40px;height:40px}
.global-popup-frame{display:none;position:fixed;top:50%;left:50%;right:-50%;bottom:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;background:rgba(0,0,0,.5);z-index:99999}
.global-popup-frame.hide-modal{-webkit-animation:hide-modal .7s ease-in-out both;animation:hide-modal .7s ease-in-out both}
.global-popup-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:500px;min-width:400px;padding-bottom:20px;background:#fff;border-radius:3px;-webkit-box-shadow:4px 8px 12px 0 rgba(0,0,0,.4);box-shadow:4px 8px 12px 0 rgba(0,0,0,.4);overflow:hidden;-webkit-animation:show-modal .7s ease-in-out;animation:show-modal .7s ease-in-out}
.global-popup-modal.hide-modal{-webkit-animation:hide-modal .6s ease-in-out both;animation:hide-modal .6s ease-in-out both}
.global-popup-modal__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.global-popup-modal__icon{fill:#24cb01;margin-top:32px;font-size:28px}
.global-popup-modal__title{display:block;font-size:18px;line-height:24px;font-weight:600;margin:14px 0 5px 0}
.global-popup-modal__noffy{font-size:14px;font-weight:500;line-height:20px;padding:0 30px;margin:16px 0}
.global-popup-modal__noffy ul{padding-left:20px;text-align:left}
.global-popup-modal__button-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}
.global-popup-modal__button{line-height:40px;font-size:14px;padding:0 20px;margin-top:16px;border-radius:5px;font-weight:600;cursor:pointer;-webkit-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.global-popup-modal__button.submit{background:#24cb01;color:#fff}
.global-popup-modal__button.submit:hover{background:#35dd35}
.global-popup-modal__button.cancel{text-decoration:underline;color:#999}
.global-popup-modal__button.cancel:hover{color:#000}
.global-popup-modal__container.error .global-popup-modal__icon{fill:#ec3434}
.global-popup-modal__container.error .global-popup-modal__button.submit{background:#ec3434}
.global-popup-modal__container.error .global-popup-modal__button.submit:hover{background:#f65656}
.global-popup-modal__container.warning .global-popup-modal__icon{fill:#ffcc00}
.global-popup-modal__container.warning .global-popup-modal__button.submit{background:#ffcc00}
.global-popup-modal__container.warning .global-popup-modal__button.submit:hover{background:#fcd94c}
@media (max-width:576px){.global-popup-modal{max-width:360px;width:100%;min-width:initial}}
@media (max-width:375px){.global-popup-modal{max-width:310px}}
@-webkit-keyframes draw{
to{stroke-dashoffset:0}
}
@keyframes draw{
to{stroke-dashoffset:0}
}
@-webkit-keyframes shake{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes shake{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes colorfull-spin{
0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
50%{background-position:100% 50%}
90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
}
@keyframes colorfull-spin{
0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
50%{background-position:100% 50%}
90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
}
@-webkit-keyframes show-modal{
0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
60%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}
100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
@keyframes show-modal{
0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
60%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
80%{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}
100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
@-webkit-keyframes hide-modal{
0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
100%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
}
@keyframes hide-modal{
0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
20%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
100%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
}
Reference in New Issue Copy Permalink