File: /var/www/vcstore.viitorcloud.co/wp-content/themes/vcmarketplace/assets/css/home.css.map
{"version":3,"sources":["sections/home/banner.scss","common/_variables.scss","sections/home/section-menu.scss","sections/home/products.scss","sections/home/assets.scss","common/_mixins.scss","sections/home/filters.scss","sections/home/games.scss","sections/home/contributor.scss"],"names":[],"mappings":"AACA,aACI,aACA,oBACI,kBACA,WACA,MACA,OACA,WACA,YACA,uLAGA,6BACI,iBACA,YAGR,6BACI,UACA,kBAKQ,gDACI,MC1BV,QD4BM,qDACI,MCvBX,QD0BG,+DACI,kBACA,uEACI,WACA,qDACA,WACA,YACA,wBACA,qCACA,eACA,4BE1CpB,cACI,YACA,gBACA,SACA,UACA,+BACI,mBAEI,8DACI,WAEJ,oEACI,mBAGJ,oEACA,gBAGA,0EACA,gBAIR,iCACI,MDnBC,QCoBD,wCACI,MDvBJ,KCwBI,gCC1BJ,6DACI,aACA,kBACA,yBACA,0EACI,iBAEJ,6EACI,MFTR,QEUQ,uBACA,gBACA,aACA,qBACA,oBACA,4BAGR,oDACI,aACA,uDACI,WACA,WACA,8DACI,UACA,WACA,YACA,WFpBP,QEuBO,2EACI,gBAQxB,qCAGY,6DACI,aCzCZ,0BACI,WAEJ,kCC0DF,iBACA,8CACE,aACA,gBACA,kBACA,kDACE,iBACA,gBACA,0BAGJ,yCACE,cAEF,6CACE,MJzEK,QI6EH,wDACE,qBCnFN,sBACE,WAGA,0CACE,aACA,mBACA,gEACE,aACA,oBACA,SACA,uEACE,2DACA,kBACA,WACA,YACA,WACA,MACA,OAEF,kEACE,gBACA,kBACA,WACA,YACA,WACA,UACA,cAGJ,gDACE,0BACA,sEACE,aAGJ,8FAEE,iBACA,YAEF,2DACE,YACA,SACA,2BACA,+DACE,iBAIN,4CACE,uBACA,gBACA,aACA,qBACA,oBACA,4BAKN,qCAGM,0CACE,aACA,oBClEN,yBACE,WAEF,gCACE,cACA,aACA,kBACA,oCACE,iBAEF,sDACE,aACA,oBACA,SACA,sBACA,6DACE,2DACA,kBACA,WACA,YACA,WACA,MACA,OAEF,wDACE,gBACA,kBACA,WACA,YACA,WACA,UACA,eAIF,4DACE,aACA,sBAMR,qCAEI,gCACE,cC/CN,qBACI,sBACA,oDACA,4BACA,8BACA,yBACA,uBACI,UAEJ,uBACI,gBAGR,qCACI,qBACI,sBACA,uBACI","file":"../stylesheet/home.css","sourcesContent":["@import \"../../common/_variables.scss\";\r\n.home-banner{\r\n height: 680px;\r\n &::after{\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(1turn,transparent 80.16%,rgba(0,0,0,.6) 90.17%,rgba(0,0,0,.8)),linear-gradient(90deg,rgba(0,0,0,.9) 10.49%,#000 32.94%,transparent 83.8%);\r\n }\r\n .banner-img{\r\n img{\r\n object-fit: cover;\r\n height: 100%;\r\n }\r\n }\r\n .banner-content{\r\n z-index: 1;\r\n position: relative;\r\n }\r\n nav{\r\n .breadcrumb{\r\n .breadcrumb-item{\r\n a{\r\n color: $primary;\r\n }\r\n &.active{\r\n color: $silver;\r\n }\r\n }\r\n .breadcrumb-item+.breadcrumb-item{\r\n padding-left: 12px;\r\n &::before{\r\n content: \"\";\r\n background-image: url(../images/breadcrumb-arrow.svg);\r\n width: 14px;\r\n height: 14px;\r\n background-size: contain;\r\n background-position: center right 5px;\r\n margin-top: 5px;\r\n background-repeat: no-repeat;\r\n }\r\n }\r\n }\r\n }\r\n}","$primary: #00edd4;\r\n$black: #1d1d1d;\r\n$black-light: #333333;\r\n$secondary: #171c4c;\r\n$white: #ffffff;\r\n$white-light: #f6f6f6;\r\n$silver: #a7a7a7;\r\n$grey: #666666;\r\n$grey-light: #e0e0e0;\r\n",".section-menu{\r\n height: 60px;\r\n background: #000000;\r\n top: 80px;\r\n z-index: 9;\r\n .menu-links-main{\r\n white-space: nowrap;\r\n .menu-links{\r\n &::-webkit-scrollbar {\r\n height: 5px;\r\n }\r\n &::-webkit-scrollbar-track {\r\n background: #f1f1f1; \r\n }\r\n \r\n &::-webkit-scrollbar-thumb {\r\n background: #888; \r\n }\r\n \r\n &::-webkit-scrollbar-thumb:hover {\r\n background: #555; \r\n }\r\n }\r\n }\r\n .section-menu-link{\r\n color: $silver;\r\n &.active{\r\n color: $white;\r\n border-bottom: 3px solid #3a77ee;\r\n }\r\n }\r\n}",".product-slider-section{\r\n .product-slider{\r\n .product-slider-item{\r\n height: 366px;\r\n border-radius: 8px;\r\n background-color: #d6e1f5;\r\n .product-img{\r\n object-fit: cover;\r\n }\r\n .product-detail{\r\n color: $black;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n line-clamp: 3;\r\n -webkit-line-clamp: 3;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n }\r\n }\r\n .slick-dots{\r\n bottom: -32px;\r\n li{\r\n width: 50px;\r\n height: 2px;\r\n button{\r\n padding: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: $grey-light;\r\n }\r\n &.slick-active{\r\n button{\r\n background: #000000;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n .product-slider-section{\r\n .product-slider{\r\n .product-slider-item{\r\n height: auto;\r\n }\r\n }\r\n }\r\n}","@import \"../../common/mixins\";\r\n\r\n.assets-card-section{\r\n .row{\r\n gap: 12px 0;\r\n }\r\n .assets-card{\r\n @include assets-card;\r\n }\r\n}","@import \"./variables\";\r\n\r\n@mixin primary-btn {\r\n border-radius: 6px;\r\n padding: 0 16px;\r\n background-color: $primary;\r\n color: #000000;\r\n box-shadow: none;\r\n transition: 0.5s ease background-color;\r\n text-transform: capitalize;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n line-height: 20px;\r\n\r\n &:hover {\r\n background-color: $white;\r\n color: #000000;\r\n }\r\n}\r\n\r\n@mixin white-btn {\r\n border-radius: 3px;\r\n padding: 0 24px;\r\n background-color: $white;\r\n color: $black;\r\n box-shadow: none;\r\n transition: 0.5s ease background-color;\r\n text-transform: capitalize;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n line-height: 20px;\r\n width: fit-content;\r\n\r\n &:hover {\r\n background-color: $black;\r\n color: $white;\r\n }\r\n}\r\n\r\n@mixin white-outline-btn {\r\n border-radius: 3px;\r\n padding: 0 24px;\r\n background-color: transparent;\r\n color: $white;\r\n box-shadow: none;\r\n transition: 0.5s ease background-color;\r\n text-transform: capitalize;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: fit-content;\r\n border: 1px solid $white;\r\n\r\n &:hover {\r\n background-color: $black;\r\n color: $white;\r\n }\r\n}\r\n\r\n@mixin assets-card {\r\n min-height: 325px;\r\n .assets-img {\r\n height: 218px;\r\n overflow: hidden;\r\n border-radius: 8px;\r\n img {\r\n object-fit: cover;\r\n border-radius: 0;\r\n transition: all 0.3s linear;\r\n }\r\n }\r\n .price {\r\n color: #3a77ee;\r\n }\r\n .price-old {\r\n color: $silver;\r\n }\r\n &:hover {\r\n .assets-img {\r\n img {\r\n transform: scale(1.1);\r\n }\r\n }\r\n }\r\n}\r\n",".filters-section {\r\n .row {\r\n gap: 12px 0;\r\n }\r\n .filter-card {\r\n .filter-img {\r\n height: 380px;\r\n margin-bottom: 20px;\r\n .social-media-buttons {\r\n display: none;\r\n padding-bottom: 50px;\r\n gap: 10px;\r\n &::after {\r\n background: linear-gradient(0deg, #000, #00000033);\r\n position: absolute;\r\n content: \"\";\r\n height: 100%;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n a {\r\n background: #333;\r\n border-radius: 4px;\r\n width: 32px;\r\n height: 32px;\r\n color: #fff;\r\n z-index: 2;\r\n display: block;\r\n }\r\n }\r\n &:hover {\r\n transition: all 0.3s linear;\r\n .social-media-buttons {\r\n display: flex;\r\n }\r\n }\r\n img,\r\n video {\r\n object-fit: cover;\r\n height: 100%;\r\n }\r\n .filter-mini-img {\r\n bottom: -15%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n img {\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n .filter-title {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n line-clamp: 1;\r\n -webkit-line-clamp: 1;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n .filters-section {\r\n .filter-card {\r\n .filter-img {\r\n height: 200px;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n }\r\n}\r\n",".games-card-section {\r\n .row {\r\n gap: 12px 0;\r\n }\r\n .games-card {\r\n display: block;\r\n height: 380px;\r\n position: relative;\r\n img {\r\n object-fit: cover;\r\n }\r\n .social-media-buttons {\r\n display: none;\r\n padding-bottom: 50px;\r\n gap: 10px;\r\n transition: 0.3s linear;\r\n &::after {\r\n background: linear-gradient(0deg, #000, #00000033);\r\n position: absolute;\r\n content: \"\";\r\n height: 100%;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n a {\r\n background: #333;\r\n border-radius: 4px;\r\n width: 42px;\r\n height: 42px;\r\n color: #fff;\r\n z-index: 2;\r\n font-size: 26px;\r\n }\r\n }\r\n &:hover {\r\n .social-media-buttons {\r\n display: flex;\r\n transition: 0.3s linear;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n .games-card-section {\r\n .games-card {\r\n height: 300px;\r\n }\r\n }\r\n}\r\n",".contributor-section{\r\n background-color: #000;\r\n background-image: url(../images/contributor-bg.webp);\r\n background-repeat: no-repeat;\r\n background-position: top right;\r\n background-size: 40% 100%;\r\n p{\r\n width: 55%;\r\n }\r\n a{\r\n margin-top: 60px;\r\n }\r\n}\r\n@media screen and (max-width: 991px) {\r\n .contributor-section{\r\n background-image: none;\r\n p{\r\n width: 100%;\r\n }\r\n }\r\n}"]}