.countdown{margin-bottom:20px;display:flex;align-items:center;border-radius:6px;background-color:#454f5b;padding:8px 16px}@media(min-width:34.375em) and (max-width:63.99em){.countdown{flex-wrap:wrap}}.countdown__text{flex-grow:1;margin-right:auto}@media(min-width:34.375em) and (max-width:63.99em){.countdown__text{flex:0 0 100%}}.countdown__text--active{color:#c4cdd5;font-size:16px;font-weight:600;line-height:24px;margin:0}.countdown__text--inactive{color:#c4cdd5;font-size:32px;font-weight:300;line-height:40px;margin:0 0 16px 0;hyphens:none;margin:0}@media(max-width:46.24em){.countdown__text--inactive{font-size:28px;line-height:32px}}.countdown__text--inactive .icon{font-size:24px;margin-right:24px}.countdown__part{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:8px}.countdown__part__time{color:#fff;font-size:40px;line-height:48px;font-weight:300;hyphens:none}.countdown__part__unit{color:#212b36;font-size:16px;line-height:20px;font-weight:normal;color:#919eab}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.countdown .loading-circle{display:inline-block;animation:spin 4s linear infinite;margin-right:24px;height:24px;width:24px;border-radius:50%;background-color:transparent;border-top:4px solid transparent;border-left:4px solid #c4cdd5;border-right:4px solid #c4cdd5;border-bottom:4px solid #c4cdd5}