.avif-base64-page .main-content{margin-top:52px}.avif-base64-page .main-content>h1{font-size:max(30px,min(3vw,38px));letter-spacing:-.035em;line-height:1.12;margin:0;max-width:760px;padding-left:52px;position:relative}.avif-base64-page .main-content>h1:before{align-items:center;background:rgba(139,197,63,.12);border:1px solid rgba(139,197,63,.24);border-radius:11px;color:#6ea92e;content:"AVIF";display:inline-flex;font-size:10px;font-weight:800;height:38px;justify-content:center;left:0;letter-spacing:.02em;position:absolute;top:50%;transform:translateY(-50%);width:38px}.avif-base64-page .main-content__details{grid-gap:4px;color:hsla(0,0%,7%,.68);color:var(--theme-muted-text,hsla(0,0%,7%,.68));display:grid;gap:4px;line-height:1.52;max-width:980px;padding-top:12px}.avif-base64-page .main-content__details>div:first-child{color:#111;color:var(--theme-text,#111);font-size:16px;line-height:1.55;margin-bottom:3px;max-width:940px}.avif-base64-page .main-content__details>div:nth-child(2),.avif-base64-page .main-content__details>div:nth-child(3){font-size:13px}.avif-base64-page .main-content__details>div:nth-child(2):before,.avif-base64-page .main-content__details>div:nth-child(3):before{align-items:center;background:rgba(139,197,63,.11);border-radius:50%;color:#6ea92e;display:inline-flex;font-size:10px;font-weight:800;height:18px;justify-content:center;margin-right:7px;vertical-align:-2px;width:18px}.avif-base64-page .main-content__details>div:nth-child(2):before{content:"A"}.avif-base64-page .main-content__details>div:nth-child(3):before{content:"✓"}.avif-base64-page .image-encode-highlights{gap:7px;margin:16px 0 20px}.avif-base64-page .image-encode-highlights span{background:#fff;background:var(--theme-card-bg,var(--theme-surface,#fff));border-color:rgba(148,163,184,.24);box-shadow:0 4px 12px rgba(15,23,42,.035);font-size:12px;min-height:32px;padding:5px 11px}.avif-base64-page .image-encode-highlights span:first-child,.avif-base64-page .image-encode-highlights span:nth-child(2){background:rgba(139,197,63,.09);border-color:rgba(139,197,63,.25);color:#5f9226}.avif-base64-page .image-encode-drop-zone{background:radial-gradient(circle at 12% 50%,rgba(139,197,63,.17),transparent 28%),linear-gradient(135deg,rgba(139,197,63,.075),rgba(53,184,111,.055)),#fff;background:radial-gradient(circle at 12% 50%,rgba(139,197,63,.17),transparent 28%),linear-gradient(135deg,rgba(139,197,63,.075),rgba(53,184,111,.055)),var(--theme-surface,#fff);border-color:rgba(139,197,63,.38);border-radius:20px;border-width:1.5px;box-shadow:0 16px 38px rgba(15,23,42,.07);margin-top:20px;min-height:138px;padding:24px 30px}.avif-base64-page .image-encode-drop-zone.encoded-data--dragging,.avif-base64-page .image-encode-drop-zone:hover{background:radial-gradient(circle at 12% 50%,rgba(139,197,63,.23),transparent 30%),linear-gradient(135deg,rgba(139,197,63,.11),rgba(53,184,111,.075)),#fff;background:radial-gradient(circle at 12% 50%,rgba(139,197,63,.23),transparent 30%),linear-gradient(135deg,rgba(139,197,63,.11),rgba(53,184,111,.075)),var(--theme-surface,#fff);border-color:rgba(139,197,63,.72);box-shadow:0 20px 44px rgba(53,184,111,.12)}.avif-base64-page .image-encode-drop-zone__content{grid-column-gap:18px;grid-row-gap:4px;-moz-column-gap:18px;column-gap:18px;display:grid;grid-template-areas:"icon title action" "icon subtitle action";grid-template-columns:68px minmax(0,1fr) auto;max-width:860px;row-gap:4px;text-align:left;width:100%}.avif-base64-page .image-encode-drop-zone__icon{border-radius:18px;box-shadow:0 12px 26px rgba(53,184,111,.22);grid-area:icon;height:64px;width:64px}.avif-base64-page .image-encode-drop-zone__content strong{align-self:end;font-size:18px;grid-area:title;line-height:1.3}.avif-base64-page .image-encode-drop-zone__content>span{align-self:start;font-size:13px;grid-area:subtitle}.avif-base64-page .image-encode-primary-btn{align-self:center;border-radius:11px!important;box-shadow:0 10px 22px rgba(53,184,111,.19);grid-area:action;margin-top:0!important;min-width:156px}.avif-base64-page .image-encode-helper-note{grid-gap:2px 12px;background:rgba(139,197,63,.055);border-color:rgba(139,197,63,.18);display:grid;gap:2px 12px;grid-template-columns:auto minmax(0,1fr);margin-bottom:18px;padding:14px 16px 14px 52px;position:relative}.avif-base64-page .image-encode-helper-note:before{align-items:center;background:rgba(139,197,63,.14);border-radius:8px;color:#6ea92e;content:"✓";display:grid;font-size:12px;font-weight:900;height:24px;justify-items:center;left:16px;place-items:center;position:absolute;top:15px;width:24px}.avif-base64-page .image-encode-helper-note span,.avif-base64-page .image-encode-helper-note strong{grid-column:2}.avif-base64-page .results-empty{background:linear-gradient(180deg,rgba(148,163,184,.035),transparent),#fff;background:linear-gradient(180deg,rgba(148,163,184,.035),transparent),var(--theme-card-bg,var(--theme-surface,#fff));border-color:rgba(148,163,184,.24);box-shadow:0 12px 30px rgba(15,23,42,.055);margin-top:18px;min-height:104px}.avif-base64-page .results-empty:before{align-items:center;background:rgba(139,197,63,.09);border-radius:9px;color:#6ea92e;content:"</>";display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800;height:28px;justify-content:center;margin-bottom:2px;min-width:36px;padding:0 8px}@media(max-width:760px){.avif-base64-page .main-content{margin-top:42px}.avif-base64-page .main-content>h1{font-size:max(27px,min(8vw,34px));padding-left:46px}.avif-base64-page .main-content>h1:before{border-radius:10px;font-size:9px;height:34px;width:34px}.avif-base64-page .image-encode-drop-zone{min-height:0;padding:24px 18px}.avif-base64-page .image-encode-drop-zone__content{display:flex;flex-direction:column;gap:9px;max-width:520px;text-align:center}.avif-base64-page .image-encode-drop-zone__content strong{font-size:18px}.avif-base64-page .image-encode-primary-btn{margin-top:3px!important;max-width:260px;width:100%!important}.avif-base64-page .image-encode-helper-note{display:block;padding-left:48px}.avif-base64-page .image-encode-helper-note span,.avif-base64-page .image-encode-helper-note strong{display:block}.avif-base64-page .image-encode-helper-note span{margin-top:5px}}.theme-dark .avif-base64-page .image-encode-helper-note:before,.theme-dark .avif-base64-page .main-content>h1:before,.theme-dark .avif-base64-page .main-content__details>div:nth-child(2):before,.theme-dark .avif-base64-page .main-content__details>div:nth-child(3):before,.theme-dark .avif-base64-page .results-empty:before,[data-theme=dark] .avif-base64-page .image-encode-helper-note:before,[data-theme=dark] .avif-base64-page .main-content>h1:before,[data-theme=dark] .avif-base64-page .main-content__details>div:nth-child(2):before,[data-theme=dark] .avif-base64-page .main-content__details>div:nth-child(3):before,[data-theme=dark] .avif-base64-page .results-empty:before{color:#a7d765}.theme-dark .avif-base64-page .image-encode-highlights span:first-child,.theme-dark .avif-base64-page .image-encode-highlights span:nth-child(2),[data-theme=dark] .avif-base64-page .image-encode-highlights span:first-child,[data-theme=dark] .avif-base64-page .image-encode-highlights span:nth-child(2){color:#b7df7e}.theme-dark .avif-base64-page .image-encode-drop-zone,[data-theme=dark] .avif-base64-page .image-encode-drop-zone{box-shadow:0 16px 38px rgba(0,0,0,.18)}.image-encode-drop-zone--error{border-color:rgba(220,38,38,.88)!important;box-shadow:0 0 0 4px rgba(239,68,68,.11)!important}