.sf-tiers{margin:22px 0 10px;overflow-x:clip}.sf-tiers__message{margin:0 0 18px;min-height:1.2em;font-size:12px;letter-spacing:.03em;color:#171411}.sf-tiers__message.is-fresh{animation:sf-msg-in .38s cubic-bezier(.22,1,.36,1)}@keyframes sf-msg-in{0%{opacity:0;transform:translateY(5px)}}.sf-tiers__track{position:relative;height:10px;margin:0 18px 60px 0;background:linear-gradient(#e6e2db,#e6e2db) 0 calc(50% - 2.5px) / 100% 1px no-repeat,linear-gradient(#e6e2db,#e6e2db) 0 calc(50% + 2.5px) / 100% 1px no-repeat}.sf-tiers__fill{position:absolute;top:50%;left:0;height:10px;margin-top:-5px;width:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10'><path d='M2 7.8 L8.5 2.2' stroke='%238B5547' stroke-width='1.7' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-position:0 50%}.sf-tiers__fill--preview{opacity:.32}.sf-tiers__needle{position:absolute;top:50%;left:0;width:56px;height:24px;margin-top:-12px;transform-origin:15px 12px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.sf-tiers.has-needle .sf-tiers__needle{opacity:1}.sf-tiers__needle svg{display:block;transform-origin:15px 12px;animation:sf-sew 2.4s ease-in-out infinite}.sf-tiers.is-sewing .sf-tiers__needle svg{animation-play-state:paused}@keyframes sf-sew{0%,to{transform:none}55%{transform:translateY(2px) rotate(4deg)}}.sf-tiers__steps{list-style:none;margin:0;padding:0}.sf-tiers__step{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.sf-tiers__dot{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fbfaf8;border:1px solid #e6e2db;color:#b7b1a7;font-size:11px;line-height:1;transition:background .35s ease,color .35s ease,border-color .35s ease}.sf-tiers__num{transition:opacity .25s ease}.sf-tiers__dot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sf-tiers__dot .sfx{fill:none;stroke:#fbfaf8;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:14;stroke-dashoffset:14}.sf-tiers__dot .sfh{fill:#fbfaf8;opacity:0}.sf-tiers__dot:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid #8B5547;opacity:0;pointer-events:none}.sf-tiers__step.is-done .sf-tiers__dot{background:#8b5547;border-color:#8b5547}.sf-tiers__step.is-done .sf-tiers__num{opacity:0}.sf-tiers__step.is-done .sfx{stroke-dashoffset:0;transition:stroke-dashoffset .4s ease .1s}.sf-tiers__step.is-done .sfx2{transition-delay:.3s}.sf-tiers__step.is-done .sfh{opacity:.9;transition:opacity .2s ease .05s}.sf-tiers__step.is-preview .sf-tiers__dot{border-color:#8b5547;color:#8b5547;animation:sf-breath 2.4s ease-in-out infinite}@keyframes sf-breath{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sf-tiers__step.just-lit .sf-tiers__dot:after{animation:sf-ring .7s cubic-bezier(.22,1,.36,1)}@keyframes sf-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.sf-tiers__label{position:absolute;top:calc(100% + 21px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;letter-spacing:.04em;color:#9a938a;transition:color .35s ease}.sf-tiers__step.is-done .sf-tiers__label,.sf-tiers__step.is-preview .sf-tiers__label{color:#8b5547}.sf-tiers__save{color:#8b5547;font-style:normal}.sf-tiers--drawer{margin:18px 0 2px}.sf-tiers--drawer .sf-tiers__message{font-size:11px;margin-bottom:14px}.sf-tiers--drawer .sf-tiers__track{margin:0 14px 52px 0}.sf-tiers--drawer .sf-tiers__dot{width:22px;height:22px;font-size:10px}.sf-tiers--drawer .sf-tiers__label{font-size:10px;top:calc(100% + 17px)}@media(max-width:500px){.sf-tiers__label{font-size:10px}.sf-tiers__dot{width:22px;height:22px;font-size:10px}}@media(prefers-reduced-motion:reduce){.sf-tiers__step.is-preview .sf-tiers__dot{animation:none}.sf-tiers__step.just-lit .sf-tiers__dot:after{animation:none}.sf-tiers__message.is-fresh{animation:none}.sf-tiers__needle svg{animation:none}.sf-cartstitch.is-pulse:after,.sf-cartstitch.is-pulse svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/serafina-tiers.css.map */