.collino-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a1a1a,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .3s ease,visibility .3s ease;visibility:visible;opacity:1;font-family:Rubik,sans-serif}.collino-loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.collino-spinner{width:80px;height:80px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #e50914;border-radius:50%;margin-bottom:1.5rem;animation:spin .8s linear infinite;position:relative}.collino-spinner:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid transparent;border-top:2px solid rgba(229,9,20,.3);border-radius:50%;animation:spin 1.4s linear infinite reverse}.collino-loader-text{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;opacity:.9;animation:textFade 2s ease-in-out infinite;letter-spacing:.5px;text-transform:uppercase}.collino-loader-subtext{color:#999;font-size:.85rem;font-weight:400;opacity:.7;animation:textFade 2s ease-in-out infinite .3s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textFade{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.collino-spinner{width:60px;height:60px}.collino-loader-text{font-size:1rem}.collino-loader-subtext{font-size:.8rem}}@media (max-width: 480px){.collino-spinner{width:50px;height:50px;border-width:2px}.collino-loader-text{font-size:.9rem}.collino-loader-subtext{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.collino-loader *,.collino-spinner,.collino-spinner:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collino-loader.css.map */
