.wrapper{margin:0 auto;width:330px;font-family:helvetica;font-size:14px;padding:20px;width:600px;box-sizing:content-box}.step-progress{position:relative;padding-left:45px;list-style:none}.step-progress::before{display:inline-block;content:'';position:absolute;top:0;left:24px;width:10px;height:100%;border-left:2px solid #ccc}.step-progress-item{position:relative;counter-increment:list;padding-top:10px;padding-left:15px}.step-progress-item:not(:last-child){padding-bottom:50px}.step-progress-item::before{display:inline-block;content:'';position:absolute;left:-21px;height:100%;width:10px}.step-progress-item::after{content:'';display:inline-block;position:absolute;top:0;left:-38px;width:32px;height:32px;border:2px solid #ccc;border-radius:50%;background-color:#fff;box-sizing:content-box}.step-progress-item.is-done::before{border-left:2px solid #00417b}.step-progress-item.is-done::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIxMjAgNDUgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9ImNoZWNrLTMyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAuMDAwMDAwLCA0NS4wMDAwMDApIj48ZyBpZD0iY2hlY2stMzItY3JvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDkuMDAwMDAwKSIgZmlsbD0iIzAwNWFhMCI+PHBvbHlnb24gaWQ9IlBhZ2UtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS40MDc1NjcsIDcuMjI5MDk2KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtOS40MDc1NjcsIC03LjIyOTA5NikgIiBwb2ludHM9IjE3LjI4MDQ4NjIgMC42MDgyMTc2MzcgNi44NjcxNTU2OCAxMS4wMjE1NDgyIDEuNTU1OTE0MzIgNS43MTAzMDY3OCAwLjEyNzAzNDA4NyA3LjEwOTg1MzY4IDYuODY3MTU1NjggMTMuODQ5OTc1MyAxOC42ODgwOTk4IDIuMDI5MDMxMiI+PC9wb2x5Z29uPjwvZz48L2c+PC9zdmc+);font-size:20px;color:#fff;text-align:center;border:2px solid #00417b}.step-progress-item.current::before{border-left:2px solid #00417b}.step-progress-item.current::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGlkPSJpY29uLWdlYXItMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGcgZmlsbD0iIzAwNDE3YiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYuMDAyIDE4LjE4YTIuMTMzIDIuMTMzIDAgMCAxLTIuMTMxLTIuMTMyYzAtMS4xNzUuOTU2LTIuMTMgMi4xMzEtMi4xMyAxLjE3NSAwIDIuMTMxLjk1NSAyLjEzMSAyLjEzYTIuMTMzIDIuMTMzIDAgMCAxLTIuMTMxIDIuMTMxbTAtNi4yNjJhNC4xMzUgNC4xMzUgMCAwIDAtNC4xMzEgNC4xMzEgNC4xMzUgNC4xMzUgMCAwIDAgNC4xMzEgNC4xMzEgNC4xMzUgNC4xMzUgMCAwIDAgNC4xMzEtNC4xMyA0LjEzNSA0LjEzNSAwIDAgMC00LjEzMS00LjEzMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMy43ODcgMTguNDU2YTEwLjI2MiAxMC4yNjIgMCAwIDEtMS43NjUgMi45ODVsLS40NTUuNTM3IDEuNDk0IDIuNTgtMy4xMTkgMS44MjQtMS41MDMtMi41OTctLjcxNS4xNTlhNy41NzUgNy41NzUgMCAwIDEtMS43MjIuMTk5IDcuMTE2IDcuMTE2IDAgMCAxLTEuNjk2LS4xOTNsLS43My0uMTgzLTEuNTE1IDIuNjE1LTMuMTE4LTEuODIzIDEuNTEtMi42MS0uNS0uNTRjLS44NjctLjk0LTEuNDEtMS44NTYtMS43MTMtMi44ODRsLS4yMS0uNzE4SDV2LTMuNTkxaDIuOTczbC4yNDQtLjY1YTEwLjI2MiAxMC4yNjIgMCAwIDEgMS43NjUtMi45ODRsLjQ1NC0uNTM4LTEuNDkzLTIuNTggMy4xMTgtMS44MjMgMS41MDUgMi41OTguNzE1LS4xNmE3LjQ3NyA3LjQ3NyAwIDAgMSAxLjcyMS0uMmMuNjAzIDAgMS4xOS4wNjggMS42OTYuMTk1bC43MzEuMTgzIDEuNTEzLTIuNjE2IDMuMTIgMS44MjMtMS41MSAyLjYwOS41LjU0Yy44NjUuOTQgMS40MSAxLjg1NyAxLjcxMiAyLjg4NWwuMjExLjcxOGgzLjAzdjMuNTlIMjQuMDNsLS4yNDQuNjV6bTUuMjE3IDEuMzV2LTcuNTloLTMuNTY3YTguOTM1IDguOTM1IDAgMCAwLTEuNDI4LTIuMzk3bDEuNzgxLTMuMDc2TDE5LjIxOCAyLjlsLTEuNzg1IDMuMDg1YTkuNTQ4IDkuNTQ4IDAgMCAwLTIuODU5LjAwNGwtMS43ODgtMy4wOS02LjU3MiAzLjg0NCAxLjc5NyAzLjEwNGExMi4zNyAxMi4zNyAwIDAgMC0xLjQgMi4zNjlIM3Y3LjU5aDMuNTY2YTguOTQ2IDguOTQ2IDAgMCAwIDEuNDI4IDIuMzk4bC0xLjc4IDMuMDc3IDYuNTcxIDMuODQyIDEuNzg2LTMuMDg0YTkuNDc3IDkuNDc3IDAgMCAwIDIuODU4LS4wMDVsMS43ODggMy4wODkgNi41NzItMy44NDItMS43OTctMy4xMDVjLjU1Ni0uNzQgMS4wMy0xLjU0MiAxLjQtMi4zN2gzLjYxMXoiPjwvcGF0aD48L2c+PC9zdmc+);background-size:24px 24px;background-repeat:no-repeat;background-position:center;width:45px;height:45px;top:0;left:-45px;font-size:14px;text-align:center;color:#00417b;border:2px solid #00417b;background-color:#fff}.step-progress strong{display:block;font-size:18px;color:#ccc}.complete{color:#198754!important}::selection{background-color:#000;color:#fff}#container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:100px 50px;margin:30px;box-shadow:13px 13px 20px #caced1,-13px -13px 20px #fff;border-radius:15px}#text{box-sizing:border-box;background-color:#e8ebee;color:#000;border-radius:15px;padding:10px 15px;margin:20px;display:flex;justify-content:center;align-items:center;text-align:center;font-family:quicksand,sans-serif;font-size:1rem;font-weight:300;letter-spacing:1px;line-height:1.5;box-shadow:inset 4px 4px 8px #caced1,inset -4px -4px 8px #fff}#copy{position:relative;box-sizing:border-box;background-color:#482ff7;color:#fff;width:180px;min-height:44px;font-size:1rem;font-family:jost,sans-serif;font-weight:500;text-transform:uppercase;padding:5px;border:0;border-radius:15px;outline:none;cursor:pointer;user-select:none;box-shadow:13px 13px 20px #caced1,-13px -13px 20px #fff}#copy:before{content:"";width:16px;height:16px;bottom:-20px;left:82px;clip-path:polygon(50% 40%,0% 100%,100% 100%)}#copy:after{content:attr(tooltip);width:140px;bottom:-48px;left:20px;padding:5px;border-radius:4px;font-size:.8rem}#copy:before,#copy:after{opacity:0;pointer-events:none;position:absolute;box-sizing:border-box;background-color:#000;color:#fff;transform:translateY(-10px);transition:all 300ms ease}#copy:hover:before,#copy:hover:after{opacity:1;transform:translateY(0)}@import "../css2";.wrapper .icon{position:absolute;background:#fff;border-radius:50%;padding:15px;margin:10px;width:50px;height:50px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px rgba(0,0,0,.1);cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);right:-75px;bottom:-10px}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#fff;color:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:350px}.wrapper .tooltip::before{position:absolute;content:"";height:8px;width:8px;background:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .icon:hover .tooltip{top:-160px;opacity:1;visibility:visible;pointer-events:auto;height:155px}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0 -1px 0 rgba(0,0,0,.1)}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip::before{background:#1da1f2;color:#fff}.flex-row{display:flex;position:relative}.range-wrapper{position:relative}