@keyframes gradient-color{0%{background-position:100% 100%}50%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes border-color{0%{border-color:#333}25%{border-color:#022835}50%{border-color:#067197}75%{border-color:#022835}to{border-color:#333}}@keyframes border-color-light{0%{border-color:#faf9f9}25%{border-color:#faf9f9}40%{border-color:#9fd7d7}50%{border-color:#9fd7d7}60%{border-color:#9fd7d7}75%{border-color:#faf9f9}to{border-color:#faf9f9}}.image-container{position:relative;display:flex;flex-direction:column;align-items:center;width:280px;height:717.2727272727px;overflow:hidden;border:1px solid #067197;margin-top:.6em}.image-container .image{position:absolute;width:100%;height:auto;object-fit:cover;transition:clip-path .08s ease-in-out}.image-container .loader{width:100%;height:100%;position:relative}.image-container .loader:before{content:"";left:38%;bottom:50%;position:absolute;width:72px;height:72px;border-radius:50%;background-color:#333;background-image:radial-gradient(circle 18px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 36px 0px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 61px 10px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 74px 36px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 61px 61px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 36px 74px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 10px 61px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 0px 36px,#9fd7d7 100%,transparent 0),radial-gradient(circle 8px at 10px 10px,#9fd7d7 100%,transparent 0);background-repeat:no-repeat;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}