{"version":3,"file":"./style-index.css","mappings":";;;AACA;EACC;EACA;AAAD;;AAMC;EACC;EACA;EACA;EACA;AAHF;;AAMC;EACC;AAJF;;AAOC;EACC;AALF;;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AANF;;AAQE;EACC;EACA;EACA;EACA;KAAA;EACA;AANH;;AASE;EACC;EACA;EACA;EACA;AAPH;;AAWC;EACC;EACA;EACA;EACA;EACA;AATF;;AAaE;EACC;EACA;EACA;EACA;AAXH;;AAaG;EACC;EACA;AAXJ;;AAcG;EACC;EACA;AAZJ;;AAkBE;EACC;EACA;EACA;EACA;EACA;AAhBH;;AAkBG;EACC;EACA;AAhBJ;;AAmBG;EACC;EACA;AAjBJ;;AAmBI;EACC;EACA;AAjBL;;AAwBA;EACC;IACC;EArBA;EAuBD;IACC;EArBA;AACF;;AAwBA;EACC;IACC;EAtBA;EAwBD;IACC;EAtBA;AACF;;AA0BA;EACC;AAxBD;;AA4BA;EACC;IACC;EAzBA;EA2BA;IACC;EAzBD;EA6BD;IACC;EA3BA;AACF,C","sources":["webpack://logo-carousel/./src/style.scss"],"sourcesContent":["\n.wp-block-wlcs-wbd-logo-carousel {\n\toverflow: hidden;\n\tpadding: 40px 0;\n}\n\n.logo-carousel {\n\n\n\t&__track {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 40px;\n\t\twill-change: transform;\n\t}\n\n\t&--left .logo-carousel__track {\n\t\tanimation: scroll-logos-left var(--animation-duration, 30s) linear infinite;\n\t}\n\n\t&--right .logo-carousel__track {\n\t\tanimation: scroll-logos-right var(--animation-duration, 30s) linear infinite;\n\t}\n\n\t&__item {\n\t\tflex-shrink: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 20px;\n\t\ttransition: all 0.3s ease;\n\n\t\timg {\n\t\t\tmax-height: 80px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t\tobject-fit: contain;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\ta {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\t&__alt-text {\n\t\tmargin-top: 10px;\n\t\tfont-size: 12px;\n\t\tcolor: #666;\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t}\n\n\t&--classic {\n\t\t.logo-carousel__item {\n\t\t\tborder: 1px solid #e0e0e0;\n\t\t\tborder-radius: 8px;\n\t\t\tbackground: #ffffff;\n\t\t\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n\n\t\t\timg {\n\t\t\t\tfilter: grayscale(100%);\n\t\t\t\topacity: 0.7;\n\t\t\t}\n\n\t\t\t&:hover img {\n\t\t\t\tfilter: grayscale(0%);\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t&--elegant {\n\t\t.logo-carousel__item {\n\t\t\tborder-radius: 16px;\n\t\t\tbackground: #ffffff;\n\t\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n\t\t\tborder: 2px solid #f5f5f5;\n\t\t\tpadding: 25px;\n\n\t\t\timg {\n\t\t\t\tfilter: grayscale(100%);\n\t\t\t\topacity: 0.6;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: #ddd;\n\t\t\t\tbox-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n\n\t\t\t\timg {\n\t\t\t\t\tfilter: grayscale(0%);\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes scroll-logos-left {\n\t0% {\n\t\ttransform: translateX(0);\n\t}\n\t100% {\n\t\ttransform: translateX(-50%);\n\t}\n}\n\n@keyframes scroll-logos-right {\n\t0% {\n\t\ttransform: translateX(-50%);\n\t}\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n}\n\n\n.logo-carousel:hover .logo-carousel__track {\n\tanimation-play-state: paused;\n}\n\n\n@media (max-width: 768px) {\n\t.logo-carousel__item {\n\t\tpadding: 15px;\n\n\t\timg {\n\t\t\tmax-height: 60px;\n\t\t}\n\t}\n\n\t.logo-carousel__track {\n\t\tgap: 20px;\n\t}\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}