@charset "UTF-8";._wrapper_17f66_2._wrapper_17f66_2{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0 0 2rem;overflow:hidden}._wrapper_17f66_2._wrapper_17f66_2 input{width:100%}._wrapper_17f66_2._wrapper_17f66_2:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background-color:#0000001a}._wrapper_17f66_2._wrapper_17f66_2 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._liveWidth_17f66_28{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}._liveWidth_17f66_28:before{content:"Width: " attr(data-width) "px";display:inline-flex;background-color:#ebf6fe;border-radius:8px;padding:2px 6px;color:#000000bf}._liveWidth_17f66_28:after{content:"";position:absolute;inset:10px 0 -12px;z-index:-1;background-image:linear-gradient(to right,#c8d1d8,#c8d1d8),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 26.2071C7.68342 26.5976 8.31658 26.5976 8.70711 26.2071L15.0711 19.8431C15.4616 19.4526 15.4616 18.8195 15.0711 18.4289C14.6805 18.0384 14.0474 18.0384 13.6569 18.4289L8 24.0858L2.34315 18.4289C1.95262 18.0384 1.31946 18.0384 0.928932 18.4289C0.538408 18.8195 0.538408 19.4526 0.928932 19.8431L7.29289 26.2071ZM33 0H16V2H33V0ZM7 9V25.5H9V9H7ZM16 0C11.0294 0 7 4.02944 7 9H9C9 5.13401 12.134 2 16 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A"),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7071 26.2071C25.3166 26.5976 24.6834 26.5976 24.2929 26.2071L17.9289 19.8431C17.5384 19.4526 17.5384 18.8195 17.9289 18.4289C18.3195 18.0384 18.9526 18.0384 19.3431 18.4289L25 24.0858L30.6569 18.4289C31.0474 18.0384 31.6805 18.0384 32.0711 18.4289C32.4616 18.8195 32.4616 19.4526 32.0711 19.8431L25.7071 26.2071ZM0 0H17V2H0V0ZM26 9V25.5H24V9H26ZM17 0C21.9706 0 26 4.02944 26 9H24C24 5.13401 20.866 2 17 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A");background-position:24px 0,2px 0,right;background-size:calc(100% - 37px) 2px,auto,auto;background-repeat:no-repeat}._section_17f66_54{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem}._section_17f66_54>*{display:flex;flex-direction:column;gap:1rem}@container viewport (min-width: 500px){._section_17f66_54{grid-template-columns:.8fr 3fr}}._browser_17f66_71{container-name:viewport;container-type:inline-size;width:100%;height:100%;background-color:#fff;border-radius:12px;overflow-y:auto;box-shadow:0 3px 10px #0000001a;outline-offset:-2px;transition:.2s ease-out;margin-bottom:1rem}._header_17f66_87{display:flex;justify-content:space-between;align-items:center;height:50px;padding-inline:1rem;background-color:#d7e3ec}._header_17f66_87 ._logo_17f66_95{font-weight:700}._nav_17f66_99{display:flex;flex-direction:column;gap:.15rem}._nav_17f66_99 span{width:20px;height:3px;background-color:#00000026;border-radius:10px}@container viewport (min-width: 300px){._nav_17f66_99{flex-direction:row;gap:.75rem}._nav_17f66_99 span{width:40px;height:5px}}._bar_17f66_121{display:flex;align-items:center;gap:4px;height:20px;background-color:#222;padding-inline:8px}._bar_17f66_121 span{width:7px;height:7px;border-radius:50%}._bar_17f66_121 span:first-child{background-color:#ff5f57}._bar_17f66_121 span:nth-child(2){background-color:#febc2e}._bar_17f66_121 span:nth-child(3){background-color:#28c941}._content_17f66_144{container:steps/inline-size}._stepsWrapper_17f66_148{counter-reset:steps;display:flex;flex-wrap:wrap;gap:4px;--threshold: 350px}._stepsWrapper_17f66_148>*{flex-grow:1;flex-basis:calc((var(--threshold) - 100%) * 999)}@container steps (min-width: 450px){._stepsWrapper_17f66_148{gap:0}}._step_17f66_148{display:flex;align-items:center;gap:8px;padding:8px;background-color:#d7e3ec;--offset-1: 95%;--offset-2: 5%}._step_17f66_148 svg{--size: 1.25rem;width:var(--size);height:var(--size);display:none}._step_17f66_148 span{font-size:14px}._step_17f66_148:before{counter-increment:steps;content:counter(steps);--size: 1.5rem;flex:0 0 var(--size);width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}._step_17f66_148._active_17f66_197:before{color:#fff;background-color:var(--brand-1)}@container steps (min-width: 450px){._step_17f66_148{padding:12px 8px 12px 18px}._step_17f66_148:before{--size: 2rem;font-size:16px}._step_17f66_148:first-child{clip-path:polygon(0% 0%,var(--offset-1) 0,100% 50%,var(--offset-1) 100%,0 100%)}._step_17f66_148:not(:first-child,:last-child){clip-path:polygon(0% 0%,var(--offset-2) 50%,0% 100%,var(--offset-1) 100%,100% 50%,var(--offset-1) 0%)}._step_17f66_148:last-child{clip-path:polygon(0% 0%,var(--offset-2) 50%,0% 100%,100% 100%,100% 0%)}._step_17f66_148:not(:first-child){margin-left:-4px}}