:root { --sublist-circle-bg:#203299; --sublist-svg-color:#FFD400; } .sublist-01 { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 8px 0; margin-bottom: 16px; background: transparent; border: 0 !important; border-radius: 0; box-shadow: none; font-weight: 400 !important; text-decoration: none !important; text-align: center; transition: font-weight .2s ease; } .sublist-01:hover { font-weight: 600 !important; background: transparent; border-color: transparent; box-shadow: none; transform: none; text-decoration: none !important; } .sublist-02 { width: 56px; height: 56px; border-radius: 9999px; background: var(--sublist-circle-bg); display: grid; place-items: center; line-height: 0; padding: 0; border: 0 !important; box-shadow: none; } .sublist-icon { width: 26px; height: 26px; display: block; filter: brightness(0) invert(1); } .sublist-02 svg { width: 26px; height: 26px; display: block; fill: var(--sublist-svg-color); stroke: var(--sublist-svg-color); } .sublist-label { margin: 0; padding-top: 0; color: #0f172a; font-size: 16px; letter-spacing: .2px; font-weight: 400 !important; text-decoration: none; } .sublist-01 center { display: block; text-align: inherit; } .sublist-01 a, .sublist-01 a:link, .sublist-01 a:visited, .sublist-01 a:hover, .sublist-01 a:focus, .sublist-01 a:active { text-decoration: none !important; color: inherit !important; } .sublist-01:hover .sublist-label, .sublist-01:hover .sublist-label *, .sublist-01:hover a, .sublist-01:hover a * { font-weight: 600 !important; text-decoration: none !important; }.ezpath{width:100%!important;max-width:none!important;display:block;box-sizing:border-box;padding:16px 0;background:transparent!important;background-image:none!important;container-type:inline-size} .ezpath .ez.slide.n1{display:flex!important;align-items:stretch!important} .ezpath .ez.slide{position:relative;width:100%!important;max-width:none!important;gap:12px!important;border-radius:16px!important;border:1px solid #e5e9f0!important;padding:12px 120px 12px 16px!important;background:#fff!important;box-shadow:0 2px 6px rgba(16,24,40,.06)!important;border-bottom:none!important;box-sizing:border-box} .field.field-question{position:relative;display:flex;align-items:center;flex:1 1 auto;min-height:44px!important} .field.field-question::before{content:none!important;display:none!important;background:none!important;width:0!important;height:0!important;margin:0!important;flex:0 0 0!important} #field-question.input{flex:1 1 auto;width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;resize:none!important;overflow-y:hidden!important;field-sizing:content;color:#0f172a!important;font-size:15px!important;line-height:1.5!important;border-radius:12px!important;border:none!important;padding:10px 0!important;background:transparent!important;outline:none!important} #field-question.input::placeholder{color:#64748b!important} .field.button-submit,.field.button-dictate{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center} .field.button-submit{right:8px} .field.button-dictate{right:60px} .field.button-submit>button{width:48px!important;height:48px!important;border-radius:50%!important;border:none!important;background:#eef2f7!important;color:transparent!important;padding:0!important;box-shadow:0 1px 3px rgba(16,24,40,.15)!important;position:relative;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;overflow:hidden!important;transition:box-shadow .25s ease,background-color .25s ease,transform .08s ease-out} .field.button-submit>button:active{transform:scale(.96)} .field.button-submit>button::before{content:"";position:absolute;inset:0;background:#ff6a00;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease;border-radius:50%;z-index:1} .field.button-submit>button::after{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L18.1893 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H18.1893L13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967Z' fill='%231C274C'/></svg>") no-repeat center/contain;z-index:2;transition:background-image .25s ease} .ezpath .ez.slide:has(textarea#field-question.input:not(:placeholder-shown)) .field.button-submit>button{background:#ffeadf!important;box-shadow:0 6px 14px rgba(255,106,0,.35)!important} .ezpath .ez.slide:has(textarea#field-question.input:not(:placeholder-shown)) .field.button-submit>button::before{transform:scaleX(1)!important} .ezpath .ez.slide:has(textarea#field-question.input:not(:placeholder-shown)) .field.button-submit>button::after{background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L18.1893 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H18.1893L13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967Z' fill='%23ffffff'/></svg>") no-repeat center/contain!important} .ezpath .ez.slide .field.button-dictate .ez_dictate #ez-btn-dictate{width:48px!important;height:48px!important;border-radius:50%!important;border:none!important;background:transparent!important;color:transparent!important;padding:0!important;box-shadow:none!important;position:relative;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;overflow:hidden!important;transition:box-shadow .25s ease,background-color .25s ease,transform .08s ease-out} .ezpath .ez.slide .field.button-dictate .ez_dictate #ez-btn-dictate::after{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 4.5C10.314 4.5 9 5.80455 9 7.35V12.15C9 13.6955 10.314 15 12 15C13.686 15 15 13.6955 15 12.15L15 7.35C15 5.80455 13.686 4.5 12 4.5ZM6.75 12.75C6.75 15.1443 9.0033 17.25 12 17.25C14.9967 17.25 17.25 15.1443 17.25 12.75H18.75C18.75 15.9176 16.0499 18.3847 12.75 18.7129V21H11.25V18.7129C7.95007 18.3847 5.25 15.9176 5.25 12.75H6.75Z' fill='%231C274C'/></svg>") no-repeat center/contain} .ezpath .ez.slide .field.button-dictate .ez_dictate[postaction="Stop talking"]:has(#ez-btn-dictate[aria-pressed="true"]) #ez-btn-dictate{background:#EEF2F7!important} .ezpath .ez.slide .field.button-dictate .ez_dictate[postaction="Stop talking"]:not(:has(#ez-btn-dictate[aria-pressed="true"])) #ez-btn-dictate{background:transparent!important} #ez-btn-dictate[aria-pressed="false"]{background:transparent!important} .ez.slide.n2{position:relative;width:100%!important;max-width:none!important;gap:12px!important;border-radius:16px!important;border:1px solid #e5e9f0!important;padding:12px 120px 12px 16px!important;background:#fff!important;box-shadow:0 2px 6px rgba(16,24,40,.06)!important;border-bottom:none!important;box-sizing:border-box} .ez.slide.n2 .field.email{position:relative;display:flex;align-items:center;flex:1 1 auto;min-height:44px!important} .ez.slide.n2 .field.email::before{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;flex:0 0 0!important;background:none!important} .ez.slide.n2 .field.email>input.input#email{flex:1 1 auto;width:100%!important;min-height:44px!important;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#0f172a!important;font-size:15px!important;line-height:1.5!important;padding:10px 0!important;border-radius:12px!important;appearance:none;caret-color:#0f172a} .ez.slide.n2 .field.email>input.input#email::placeholder{color:#64748b!important} .ezpath .ez.slide.n2 .field.email>input#email:-webkit-autofill, .ezpath .ez.slide.n2 .field.email>input#email:-webkit-autofill:hover, .ezpath .ez.slide.n2 .field.email>input#email:-webkit-autofill:focus, .ezpath .ez.slide.n2 .field.email>input#email:-webkit-autofill:active{transition:background-color 9999s ease-out 0s!important;-webkit-text-fill-color:#0f172a!important;background:transparent!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0px 1000px transparent inset!important} .ezpath .ez.slide.n2 .field.email>input#email:-moz-autofill{box-shadow:0 0 0px 1000px transparent inset!important;-moz-text-fill-color:#0f172a!important;background:transparent!important} .ez.slide.n2 .field.button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center} .ez.slide.n2 .field.button>button{width:48px!important;height:48px!important;border-radius:50%!important;border:none!important;background:#eef2f7!important;color:transparent!important;padding:0!important;box-shadow:0 1px 3px rgba(16,24,40,.15)!important;position:relative;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;overflow:hidden!important;transition:box-shadow .25s ease,background-color .25s ease,transform .08s ease-out} .ez.slide.n2 .field.button>button:active{transform:scale(.96)} .ez.slide.n2 .field.button>button::before{content:"";position:absolute;inset:0;background:#ff6a00;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease;border-radius:50%;z-index:1} .ez.slide.n2 .field.button>button::after{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L18.1893 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H18.1893L13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967Z' fill='%231C274C'/></svg>") no-repeat center/contain;z-index:2;transition:background-image .25s ease} .ez.slide.n2:has(.field.email>input#email:not(:placeholder-shown)){box-shadow:0 6px 16px rgba(16,24,40,.12)!important} .ez.slide.n2:has(.field.email>input#email:not(:placeholder-shown)) .field.button>button{background:#ffeadf!important;box-shadow:0 6px 14px rgba(255,106,0,.35)!important} .ez.slide.n2:has(.field.email>input#email:not(:placeholder-shown)) .field.button>button::before{transform:scaleX(1)!important} .ez.slide.n2:has(.field.email>input#email:not(:placeholder-shown)) .field.button>button::after{background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L18.1893 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H18.1893L13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967Z' fill='%23ffffff'/></svg>") no-repeat center/contain!important} @container (max-width:420px){ .ezpath .ez.slide{padding-right:120px!important} .field.button-submit>button,#ez-btn-dictate,.ez.slide.n2 .field.button>button{width:48px!important;height:48px!important} }