frontend.css
1 lines
| 1 | .hidden{display:none!important;visibility:hidden!important}.shopengine_loop_swatches_wrap{flex-basis:100%;padding-bottom:10px}.shopengine_swatches .swatch{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;width:fit-content;height:fit-content;line-height:28px;text-align:center;margin-right:15px;cursor:pointer;border:2px solid transparent;position:relative;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.shopengine_swatches .swatch.swatch_label{min-width:36px;min-height:36px;border-radius:5px}.shopengine_swatches .swatch.swatch_label{padding:0 10px}.shopengine_swatches .swatch.selected{border-color:#999}.shopengine_swatches .swatch.disabled{cursor:default;opacity:.1}.shopengine_swatches .swatch.disabled .shopengine_swatch__tooltip{display:none}.shopengine_swatches .swatch_color{text-indent:-9999em;border:2px solid #ccc;width:18px;height:18px}.shopengine-widget .shopengine_swatches .swatch_color{width:fit-content;height:fit-content}.shopengine-widget .shopengine_swatches .swatch_color.swatch_color_loop{width:18px;height:18px}.shopengine_swatches .swatch_color.selected{border-color:#333}.shopengine_swatches .swatch_color.selected:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);content:"";width:6px;height:10px;display:block;border:solid #eee;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;margin:-2px -2px 0 0}.shopengine_swatches .swatch_label{font-size:14px;background-color:#f1f1f1}.shopengine_swatches .swatch_image{font-size:0}.shopengine_swatches .swatch_image img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.shopengine_swatches .swatch_image .shopengine_swatch__tooltip{font-size:14px}.shopengine_swatches .shopengine_swatch__tooltip{-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:absolute;left:50%;top:0;background:#333;z-index:2;color:#fff;margin:-15px 0 0 0;padding:5px 10px;text-indent:initial;font-size:14px;font-weight:500;opacity:0;visibility:hidden;user-select:none}.shopengine_swatches .shopengine_swatch__tooltip:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;width:12px;height:12px;background:#333;bottom:-4px;left:50%;margin-left:-6px}.shopengine_swatches .swatch:hover .shopengine_swatch__tooltip{opacity:1;visibility:visible;user-select:auto}.shopengine-swatch-preloader{display:none}.shopengine-swatch-preloader.preloader-active{display:inline-block}.preloader-shadow{position:absolute;width:100%;top:0;left:0;background-color:rgba(0,0,0,.5);display:none}.preloader-shadow.overlay-active{display:block}.lds-spinner{position:absolute;width:80px;height:80px;z-index:5;left:calc(50% - 35px)}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:10px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}} |