@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.app-popup.svelte-1u84xsz {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 495px;
    background-color: White;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.container.svelte-1wstx56 {
    max-width: 446px;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 6px
}

.dl-gdocs-icon.svelte-1lzcuuj.svelte-1lzcuuj {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #dae1e8;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle.svelte-1lzcuuj {
    height: 36px;
    width: 36px;
    border: 0 none;
    border-radius: 50%;
    position: absolute;
    background: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    top: 1px;
    left: 1px;
    transition: all 0.3s ease-in-out
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle.svelte-1lzcuuj:hover {
    background-color: #dae1e8
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle span.svelte-1lzcuuj {
    display: block;
    height: 36px;
    width: 36px;
    margin-left: -5px
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle.dl-icon.svelte-1lzcuuj {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-size: 26px;
    z-index: 3
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle.dl-write-icon.svelte-1lzcuuj {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/inline/deepl-write.svg");
    background-size: 28px;
    z-index: 2;
    opacity: 0
}

.dl-gdocs-icon.svelte-1lzcuuj .dl-icon-circle.dl-on-off-icon.svelte-1lzcuuj {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/inline/on-off.svg");
    background-size: 22px;
    z-index: 1;
    opacity: 0
}

.dl-gdocs-icon.svelte-1lzcuuj.svelte-1lzcuuj:hover {
    height: 78px
}

.dl-gdocs-icon.svelte-1lzcuuj:hover .dl-write-icon.svelte-1lzcuuj {
    opacity: 1;
    top: 39px;
    z-index: 4
}

.dl-gdocs-icon.svelte-1lzcuuj:hover .dl-on-off-icon.svelte-1lzcuuj {
    opacity: 1;
    top: 39px;
    z-index: 5
}

.dl-gdocs-icon:hover.has-deepl-write.svelte-1lzcuuj.svelte-1lzcuuj {
    height: 116px
}

.dl-gdocs-icon:hover.has-deepl-write.svelte-1lzcuuj .dl-on-off-icon.svelte-1lzcuuj {
    top: 77px
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-rl2s44.svelte-rl2s44 {
    padding: 16px;
    width: 387px;
    background-color: #0f2b46;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 6px;
    color: White;
    font-size: 14px
}

.container.svelte-rl2s44 .body.svelte-rl2s44 {
    display: flex;
    flex-direction: row
}

.container.svelte-rl2s44 .body .logo.svelte-rl2s44 {
    width: 84px;
    margin-left: -16px;
    height: 42px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.container.svelte-rl2s44 .body .content.svelte-rl2s44 {
    width: 287px
}

.container.svelte-rl2s44 .body .content .close-icon.svelte-rl2s44 {
    float: right;
    background: transparent;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2 -4px 6px 6px
}

.container.svelte-rl2s44 .body .content p.svelte-rl2s44 {
    margin: 0 0 16px 0;
    font-weight: 400
}

.container.svelte-rl2s44 .body .content p strong.svelte-rl2s44 {
    font-weight: 600
}

.container.svelte-rl2s44 .buttons.svelte-rl2s44 {
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.container.svelte-rl2s44 .buttons button.svelte-rl2s44 {
    height: 32px;
    color: #0f2b46;
    background: white;
    border: 0 none;
    font-size: 14px;
    line-height: 21px;
    padding: 0 16px;
    font-weight: 400;
    margin-left: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: background-color 0.3s ease-in-out
}

.container.svelte-rl2s44 .buttons button.svelte-rl2s44:hover {
    background-color: #ddd
}

.container.svelte-rl2s44 .buttons button i.svelte-rl2s44 {
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-left: -8px;
    margin-right: 8px;
    display: inline-block
}

.container.svelte-rl2s44 .buttons button i.icon-bad.svelte-rl2s44 {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/emoji-sad.svg")
}

.container.svelte-rl2s44 .buttons button i.icon-good.svelte-rl2s44 {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/emoji-happy.svg")
}

.container.svelte-7jgk9y.svelte-7jgk9y {
    padding: 16px 32px;
    width: 350px;
    background-color: #fff;
    border: 1px solid #dde3e9;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 4px
}

.container.green_theme.svelte-7jgk9y.svelte-7jgk9y {
    background-color: #b8dbd3
}

.container.contrast.svelte-7jgk9y.svelte-7jgk9y {
    background-color: #037171;
    color: #fff;
    width: 430px
}

.container.contrast.svelte-7jgk9y .header .dl-close-icon.svelte-7jgk9y {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    margin: 10px
}

.container.contrast.svelte-7jgk9y .header .dl-close-icon.svelte-7jgk9y:hover {
    background-color: transparent
}

.container.svelte-7jgk9y .header .dl-close-icon.svelte-7jgk9y {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    position: absolute;
    top: 5px;
    right: 5px
}

.container.svelte-7jgk9y .header .dl-close-icon.svelte-7jgk9y:hover {
    background-color: #f2f4f7
}

.container.svelte-7jgk9y .header .dl-close-icon.green_theme.svelte-7jgk9y:hover {
    background-color: #a8c6bf
}

.container.svelte-7jgk9y .body.svelte-7jgk9y {
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #292C32
}

.container.svelte-7jgk9y .body.green_theme.svelte-7jgk9y {
    color: #006c51
}

.container.svelte-j6tuh.svelte-j6tuh {
    display: flex;
    flex-direction: row;
    padding: 8px
}

.container.svelte-j6tuh .expanded-background.svelte-j6tuh {
    position: absolute;
    left: -25px;
    background-color: white;
    width: 61px;
    z-index: 2147483650;
    border-radius: 18px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3)
}

.container.svelte-j6tuh .icon-container.svelte-j6tuh {
    cursor: pointer;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%
}

.container.svelte-j6tuh .icon-container.svelte-j6tuh:hover {
    background-color: #f2f4f7
}

.errorContainer.svelte-j6tuh.svelte-j6tuh,.settingsContainer.svelte-j6tuh.svelte-j6tuh {
    position: absolute;
    right: 10px;
    bottom: 50px;
    z-index: 2147483649
}

.container.svelte-ptnx4w.svelte-ptnx4w {
    position: absolute;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;
    margin-top: -11.5px;
    margin-left: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 50%;
    transition: opacity 0.5s ease-in-out
}

.container.isExpanded.svelte-ptnx4w.svelte-ptnx4w {
    border-radius: 18px;
    max-width: 250px
}

.container.isTranslated.svelte-ptnx4w.svelte-ptnx4w {
    display: none;
    cursor: default
}

.container.isHidden.svelte-ptnx4w.svelte-ptnx4w {
    display: none
}

.container.messageHasReactionIcon.svelte-ptnx4w.svelte-ptnx4w {
    margin-top: -22px
}

.container.svelte-ptnx4w .translateTrigger.svelte-ptnx4w {
    padding: 1px;
    border-radius: 50%;
    background-color: white
}

.container.svelte-ptnx4w .translateTrigger svg.svelte-ptnx4w {
    display: block;
    margin: auto
}

.container.svelte-ptnx4w .translateTrigger.svelte-ptnx4w:hover {
    background-color: #f2f4f7
}

.container.svelte-ptnx4w .settingsTrigger.svelte-ptnx4w {
    margin-left: 2px;
    padding: 1px;
    border-radius: 50%;
    background-color: white
}

.container.svelte-ptnx4w .settingsTrigger svg.svelte-ptnx4w {
    display: block;
    margin: auto
}

.container.svelte-ptnx4w .settingsTrigger.svelte-ptnx4w:hover {
    background-color: #f2f4f7
}

.container.svelte-ptnx4w .settingsContainer.svelte-ptnx4w {
    position: absolute;
    top: 26px;
    left: 22px
}

.container.svelte-ptnx4w .settingsContainer.isTop.svelte-ptnx4w {
    top: -156px
}

.container.svelte-ptnx4w .settingsContainer.isLeft.svelte-ptnx4w {
    left: -200px
}

.tweetLink.svelte-1uv8rvf.svelte-1uv8rvf {
    background: none;
    text-decoration: underline;
    font-weight: bold;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #0078d7
}

.tweetLink.svelte-1uv8rvf .deepl-icon.svelte-1uv8rvf {
    fill: #0078d7
}

.tweetLink.svelte-1uv8rvf.svelte-1uv8rvf:hover:enabled {
    color: #016997
}

.tweetLink.svelte-1uv8rvf:hover:enabled .deepl-icon.svelte-1uv8rvf {
    fill: #016997
}

.tweetLink.dark.svelte-1uv8rvf.svelte-1uv8rvf {
    color: #3c9dc4
}

.tweetLink.dark.svelte-1uv8rvf .deepl-icon.svelte-1uv8rvf {
    fill: #3c9dc4
}

.tweetLink.dark.svelte-1uv8rvf.svelte-1uv8rvf:hover:enabled {
    color: #78bcd6
}

.tweetLink.dark.svelte-1uv8rvf:hover:enabled .deepl-icon.svelte-1uv8rvf {
    fill: #78bcd6
}

.tweetLink.svelte-1uv8rvf.svelte-1uv8rvf:disabled {
    color: #9ba3ac
}

.tweetLink.svelte-1uv8rvf:disabled .deepl-icon.svelte-1uv8rvf {
    fill: #9ba3ac
}

.container.svelte-1csju44.svelte-1csju44 {
    position: relative;
    background-color: rgba(3, 113, 113, 0.1);
    margin-top: 4px;
    padding: 8px 20px 2px 10px;
    border-radius: 7px
}

.container.svelte-1csju44 .translatedText.svelte-1csju44 {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #037171
}

.container.svelte-1csju44 .show-alternatives.svelte-1csju44 {
    margin-top: 2px;
    text-decoration-line: underline;
    color: #006494;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.container.svelte-1csju44 .show-alternatives.dark.svelte-1csju44 {
    color: #42baf3
}

.container.svelte-1csju44 button.svelte-1csju44 {
    position: absolute;
    top: 2px;
    right: 0px;
    background: none;
    border: 0 none;
    cursor: pointer
}

.container.dark.svelte-1csju44.svelte-1csju44 {
    background-color: #4b535a
}

.container.dark.svelte-1csju44 .translatedText.svelte-1csju44 {
    color: #f2f4f7
}

.container.svelte-1dl3vos.svelte-1dl3vos {
    position: relative;
    background-color: rgba(3, 113, 113, 0.1);
    margin-top: 8px;
    padding: 16px 16px 8px 16px;
    border-radius: 7px
}

.container.svelte-1dl3vos .translatedText.svelte-1dl3vos {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #037171
}

.container.svelte-1dl3vos .show-alternatives.svelte-1dl3vos {
    margin-top: 8px;
    text-decoration-line: underline;
    color: #006494;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%
}

.container.svelte-1dl3vos .show-alternatives.dark.svelte-1dl3vos {
    color: #42baf3
}

.container.svelte-1dl3vos button.svelte-1dl3vos {
    position: absolute;
    top: 0px;
    right: 0px;
    background: none;
    border: 0 none;
    cursor: pointer;
    padding: 8px
}

.container.dark.svelte-1dl3vos.svelte-1dl3vos {
    background-color: #4b535a
}

.container.dark.svelte-1dl3vos .translatedText.svelte-1dl3vos {
    color: #f2f4f7
}

.dl-gmail-character-limit-popup.svelte-1okvtgy.svelte-1okvtgy {
    background-color: #f3f5f8;
    border-radius: 4px;
    border: 1px solid #dae1e8;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
    display: flex;
    flex-direction: column;
    height: fit-content;
    left: 50%;
    padding: 24px;
    position: absolute;
    bottom: 100px;
    transform: translate(-50%, -50%);
    width: 469px;
    z-index: 3
}

.dl-gmail-character-limit-popup.svelte-1okvtgy .title.svelte-1okvtgy {
    font-weight: bold;
    margin-bottom: 12px
}

.dl-gmail-character-limit-popup.svelte-1okvtgy .footer.svelte-1okvtgy {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.dl-gmail-character-limit-popup.svelte-1okvtgy .footer button.svelte-1okvtgy {
    background-color: #f3f5f8;
    border-radius: 4px;
    border: 1px solid #006494;
    color: #006494;
    cursor: pointer;
    padding: 10px
}

.dl-gmail-character-limit-popup.svelte-1okvtgy div.svelte-1okvtgy {
    width: 100%
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.deepl-gmail-write-toolbar.svelte-2n4lw0.svelte-2n4lw0 {
    background-color: #fff;
    z-index: 2147483650;
    height: 40px;
    position: absolute;
    top: -40px;
    right: 20px;
    width: min-content;
    font-size: 0.5em
}

.dl-toolbar-positioner.svelte-2n4lw0.svelte-2n4lw0 {
    position: relative
}

.dl-toolbar.svelte-2n4lw0.svelte-2n4lw0 {
    transition: all 0.3s ease-in-out;
    position: absolute;
    background-color: white;
    width: 32px;
    height: 32px;
    right: 0;
    bottom: 0;
    border: 1px solid #dae1e8;
    border-radius: 16px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275)
}

.dl-toolbar.svelte-2n4lw0 .wrapper.svelte-2n4lw0 {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    opacity: 0
}

.dl-toolbar.svelte-2n4lw0 .wrapper.icon-wrapper.svelte-2n4lw0 {
    opacity: 1;
    cursor: pointer
}

.dl-toolbar.svelte-2n4lw0 .icon-wrapper.svelte-2n4lw0 {
    left: 7px;
    top: 7px
}

.dl-toolbar.expanded.svelte-2n4lw0.svelte-2n4lw0 {
    border-radius: 4px;
    width: 290px;
    height: 40px;
    border: 1px solid #dae1e8
}

.dl-toolbar.expanded.svelte-2n4lw0 .wrapper.svelte-2n4lw0 {
    height: 40px;
    opacity: 1
}

.dl-toolbar.expanded.svelte-2n4lw0 .icon-wrapper.svelte-2n4lw0 {
    left: 14px;
    right: 252px;
    top: 11px
}

.dl-toolbar.expanded.svelte-2n4lw0 .shortcode-wrapper.svelte-2n4lw0 {
    width: 50px;
    right: 193px;
    top: 3px;
    border-left: 1px solid #dae1e8
}

.dl-toolbar.expanded.svelte-2n4lw0 .language-wrapper.svelte-2n4lw0 {
    top: 3px;
    width: 101px;
    right: 88px;
    border-left: 1px solid #dae1e8
}

.dl-toolbar.expanded.svelte-2n4lw0 .translate-icon-wrapper.svelte-2n4lw0 {
    width: 44px;
    right: 40px;
    border-right: 1px solid #dae1e8
}

.dl-toolbar.expanded.svelte-2n4lw0 .write-icon-wrapper.svelte-2n4lw0 {
    width: 40px
}

.dl-toolbar.expanded.accept-changes.svelte-2n4lw0.svelte-2n4lw0 {
    width: 80px;
    background-color: #fff
}

.dl-toolbar.expanded.accept-changes.svelte-2n4lw0 .accept-wrapper.svelte-2n4lw0 {
    width: 40px
}

.dl-toolbar.expanded.accept-changes.svelte-2n4lw0 .undo-wrapper.svelte-2n4lw0 {
    width: 40px;
    right: 40px
}

.dropdown-label {
    font-weight: 600
}

button.svelte-2n4lw0.svelte-2n4lw0 {
    border: 0
}

.confirm-button.svelte-2n4lw0.svelte-2n4lw0 {
    height: 40px;
    padding-top: 7px;
    background-color: #fff;
    cursor: pointer
}

.confirm-button.svelte-2n4lw0.svelte-2n4lw0:first-of-type {
    border-left: 1px solid #dae1e8
}

.confirm-button.svelte-2n4lw0:hover path.svelte-2n4lw0 {
    stroke: #599639
}

.translate-icon.svelte-2n4lw0.svelte-2n4lw0 {
    cursor: pointer
}

.icon-button.svelte-2n4lw0.svelte-2n4lw0 {
    margin-top: 6px;
    background-color: transparent
}

.icon-button.svelte-2n4lw0.svelte-2n4lw0:disabled {
    cursor: not-allowed
}

.deepl-selection-loading-skeleton {
    background-color: rgba(3, 113, 113, 0.5);
    border: 1px solid #006494;
    border-radius: 10px;
    color: transparent;
    display: block;
    margin-bottom: 7px;
    padding-top: 2px;
    height: 10px;
    animation: svelte-2n4lw0-skeleton-loading 1s linear infinite alternate
}

@keyframes svelte-2n4lw0-skeleton-loading {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0.3
    }
}

.deepl-gmail-header-toolbar.svelte-9wl7eu.svelte-9wl7eu {
    line-height: 1em !important;
    text-align: left !important;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    font-family: "Open Sans", sans-serif
}

.onboarding-popup.svelte-9wl7eu.svelte-9wl7eu {
    color: #000 !important;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dbe0e5;
    height: min-content;
    left: -300px;
    padding: 0px 12px 0px 12px;
    position: relative;
    top: 5px;
    width: 300px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1)
}

.onboarding-popup.hasBackgroundImage.svelte-9wl7eu.svelte-9wl7eu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/gmail-onboarding-design.svg");
    background-position: top right;
    background-repeat: no-repeat
}

.onboarding-popup.svelte-9wl7eu .content.svelte-9wl7eu {
    padding: 15px 15px 0px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    white-space: normal !important
}

.onboarding-popup.svelte-9wl7eu .title.svelte-9wl7eu {
    height: 100px;
    width: 100%;
    display: flex;
    font-weight: 600;
    font-size: 1.2em
}

.onboarding-popup.svelte-9wl7eu .left.svelte-9wl7eu {
    width: 55%;
    line-height: 21px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.onboarding-popup.svelte-9wl7eu .beta.svelte-9wl7eu {
    color: white;
    width: 47px;
    height: 18px;
    background-color: #037171;
    padding: 3px;
    border-radius: 4px;
    text-align: center;
    line-height: 18px
}

.onboarding-popup.svelte-9wl7eu .body.svelte-9wl7eu {
    height: min-content;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbe0e5
}

.onboarding-popup.svelte-9wl7eu .copy.svelte-9wl7eu {
    display: grid;
    grid-template-columns: 25px 1fr;
    margin-bottom: 12px
}

.onboarding-popup.svelte-9wl7eu .copy .copy-text.svelte-9wl7eu {
    margin-left: 8px;
    font-size: 14px;
    line-height: 21px
}

.onboarding-popup.svelte-9wl7eu .switch-content.svelte-9wl7eu {
    font-size: 14px
}

.onboarding-popup.svelte-9wl7eu .switch-container.svelte-9wl7eu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    font-weight: 600
}

.isOnboardingPopupOpen.svelte-9wl7eu.svelte-9wl7eu {
    border-radius: 2px;
    background-color: #f3f5f7
}

.icon.svelte-9wl7eu.svelte-9wl7eu {
    cursor: pointer;
    display: block;
    height: 25px;
    width: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg")
}

.pro-button.svelte-9wl7eu.svelte-9wl7eu {
    cursor: pointer;
    margin: 16px 0px;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    background-color: #0f2b46;
    color: white
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

button.svelte-1plsg6e.svelte-1plsg6e {
    font-family: "Open Sans", sans-serif !important
}

.dl-gmail-email-toolbar.svelte-1plsg6e.svelte-1plsg6e {
    height: 53px;
    width: 100%;
    display: flex;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-family: "Open Sans", sans-serif !important
}

.deepl-logo-svg.svelte-1plsg6e.svelte-1plsg6e {
    margin-right: 5px
}

.left-side.svelte-1plsg6e.svelte-1plsg6e {
    display: flex;
    align-items: center;
    gap: 5px
}

@media(max-width: 665px) {
    .right-side.svelte-1plsg6e.svelte-1plsg6e {
        margin-right:auto
    }

    .dl-gmail-email-toolbar.svelte-1plsg6e.svelte-1plsg6e {
        margin-bottom: 30px
    }
}

@media(min-width: 666px) {
    .right-side.svelte-1plsg6e.svelte-1plsg6e {
        margin-left:auto
    }

    .dl-gmail-email-toolbar.svelte-1plsg6e.svelte-1plsg6e {
        margin-bottom: 0
    }
}

.translate-button.svelte-1plsg6e.svelte-1plsg6e {
    display: inline-flex;
    align-items: center;
    background-color: #0f2b46;
    color: white;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 3px;
    cursor: pointer;
    border: 0 none
}

.translate-button.svelte-1plsg6e.svelte-1plsg6e:disabled {
    background-color: #dbe0e5;
    cursor: not-allowed
}

.show-original-button.svelte-1plsg6e.svelte-1plsg6e {
    display: inline-flex;
    align-items: center;
    height: 32px;
    width: 32px;
    border-radius: 3px;
    cursor: not-allowed;
    background-color: white;
    border: 1px solid #dbe0e5;
    color: #848f9b
}

.show-original-button.enabled.svelte-1plsg6e.svelte-1plsg6e {
    border: 1px solid #000;
    color: black;
    cursor: pointer
}

.forward-button.svelte-1plsg6e.svelte-1plsg6e {
    display: inline-flex;
    align-items: center;
    background-color: white;
    border: 1px solid black;
    color: black;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 3px;
    cursor: pointer
}

.forward-button.svelte-1plsg6e svg.svelte-1plsg6e {
    margin-right: 8px
}

.forward-button.svelte-1plsg6e.svelte-1plsg6e:disabled {
    border: 1px solid #dbe0e5;
    color: #848f9b;
    cursor: not-allowed
}

.language-selection-wrapper.svelte-1plsg6e.svelte-1plsg6e {
    min-width: 150px;
    position: relative
}

.language-icon.svelte-1plsg6e.svelte-1plsg6e {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/translate-languages-icon.svg");
    height: 32px;
    width: 32px;
    background-position: right;
    background-repeat: no-repeat
}

.deepl-gmail-loading-skeleton {
    background-color: rgba(3, 113, 113, 0.5);
    border: 1px solid #006494;
    border-radius: 10px;
    color: transparent;
    display: block;
    margin-bottom: 7px;
    padding-top: 2px;
    height: 10px;
    animation: svelte-1plsg6e-skeleton-loading 1s linear infinite alternate
}

@keyframes svelte-1plsg6e-skeleton-loading {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0.3
    }
}

@keyframes svelte-1plsg6e-loading {
    0% {
        background-position: -100% 0
    }

    100% {
        background-position: 100% 0
    }
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.dl-zendesk-toolbar.svelte-1uw1ok2.svelte-1uw1ok2 {
    border-bottom: 1px solid #d8dcde;
    padding: 3px 24px;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    line-height: 19px;
    align-items: center
}

.dl-zendesk-toolbar.svelte-1uw1ok2 button.svelte-1uw1ok2 {
    cursor: pointer;
    border-radius: 4px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .senders-language.svelte-1uw1ok2 {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .senders-language .container.svelte-1uw1ok2 {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .senders-language .senders-language-toggle.svelte-1uw1ok2 {
    border: 1px solid #dae1e8;
    background: none;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/dots-vertical.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    height: 42px;
    width: 42px;
    margin-right: 8px;
    transition: background-color 0.3s ease-in-out
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .senders-language .senders-language-toggle.svelte-1uw1ok2:hover {
    background-color: #eff4fa
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .label.svelte-1uw1ok2 {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/translate-icon.svg");
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px 24px 10px 32px
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .dropdown-container.svelte-1uw1ok2 {
    margin-right: 8px
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .translate-all-container .translate-all.svelte-1uw1ok2 {
    border: 0 none;
    background: #0f2b46;
    color: white;
    border: 0 none;
    padding: 11px 16px 11px 48px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-white.svg");
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 24px 24px;
    transition: background-color 0.3s ease-in-out
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .translate-all-container .translate-all.svelte-1uw1ok2:hover {
    background-color: #006494
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .translate-all-container .translate-all.btn-icon.svelte-1uw1ok2 {
    height: 42px;
    width: 42px;
    padding: 0;
    background-position: center;
    margin-top: 3px
}

.dl-zendesk-toolbar.svelte-1uw1ok2 .translate-all-container .translate-all[disabled].svelte-1uw1ok2 {
    opacity: 0.5;
    cursor: default;
    pointer-events: none
}

.dl-zendesk-toolbar.toolbar-lg.svelte-1uw1ok2 .senders-language-toggle.svelte-1uw1ok2 {
    display: none
}

.dl-zendesk-toolbar.toolbar-md.svelte-1uw1ok2 .senders-language-toggle.svelte-1uw1ok2,.dl-zendesk-toolbar.toolbar-sm.svelte-1uw1ok2 .senders-language-toggle.svelte-1uw1ok2 {
    display: block
}

.dl-zendesk-toolbar.toolbar-md.svelte-1uw1ok2 .senders-language .container.svelte-1uw1ok2,.dl-zendesk-toolbar.toolbar-sm.svelte-1uw1ok2 .senders-language .container.svelte-1uw1ok2 {
    display: none;
    position: absolute;
    top: 52px;
    z-index: 10000000;
    background-color: white;
    border: 1px solid #dae1e8;
    border-radius: 4px;
    padding: 28px 32px 32px 32px;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12)
}

.dl-zendesk-toolbar.toolbar-md.svelte-1uw1ok2 .senders-language .container.show.svelte-1uw1ok2,.dl-zendesk-toolbar.toolbar-sm.svelte-1uw1ok2 .senders-language .container.show.svelte-1uw1ok2 {
    display: flex;
    flex-direction: column
}

.dl-zendesk-toolbar.toolbar-md.svelte-1uw1ok2 .senders-language .container .dropdown-container.svelte-1uw1ok2,.dl-zendesk-toolbar.toolbar-sm.svelte-1uw1ok2 .senders-language .container .dropdown-container.svelte-1uw1ok2 {
    width: 100%
}

.dl-zendesk-top-icon.svelte-lmvrdu.svelte-lmvrdu {
    height: 32px;
    width: 32px;
    border: 0 none;
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
    margin-right: 2px;
    margin-top: 4px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transition: background-color 0.3s ease-in-out
}

.dl-zendesk-top-icon.svelte-lmvrdu.svelte-lmvrdu:hover {
    background-color: #eff4fa
}

.dl-zendesk-modal.svelte-lmvrdu.svelte-lmvrdu {
    position: absolute;
    box-sizing: border-box;
    position: absolute;
    width: 294px;
    margin-left: -262px;
    background: #ffffff;
    border: 1px solid #dae1e8;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12)
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.svelte-lmvrdu {
    border-bottom: 1px solid #dae1e8;
    padding: 32px;
    font-weight: 600
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.svelte-lmvrdu:last-child {
    border-bottom: 0 none
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.welcome.svelte-lmvrdu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/zendesk-settings-bg.svg");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 130px
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.language-not-supported.svelte-lmvrdu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/zendesk-settings-bg-lang-not-supported.svg");
    background-repeat: no-repeat;
    background-position: right
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.secondary-text.svelte-lmvrdu {
    font-weight: 400
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.language-selector.svelte-lmvrdu {
    padding-top: 24px;
    padding-bottom: 24px
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.switch-container.svelte-lmvrdu {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.switch-container .on-off-switch.svelte-lmvrdu {
    display: block;
    width: 44px;
    height: 24px;
    box-sizing: border-box;
    padding: 3px;
    background-color: #9ba3ac;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    background-position: 26px 8px;
    background-repeat: no-repeat;
    background-size: 8px 8px
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.switch-container .on-off-switch span.svelte-lmvrdu {
    display: block;
    height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 9px;
    transition: margin-left 0.3s ease-in-out
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.switch-container .on-off-switch.on.svelte-lmvrdu {
    background-color: #428646;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/checkmark-white-slim.svg");
    background-position: 8px 6px;
    background-size: 12px 12px
}

.dl-zendesk-modal.svelte-lmvrdu .modal-section.switch-container .on-off-switch.on span.svelte-lmvrdu {
    margin-left: 20px
}

.dropdown.svelte-lmvrdu.svelte-lmvrdu {
    border: 1px solid #dae1e8;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 8px;
    font-weight: 400
}

.right.svelte-lmvrdu.svelte-lmvrdu {
    text-align: right
}

.btn-primary.svelte-lmvrdu.svelte-lmvrdu {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0f2b46;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    margin-top: 16px;
    padding: 8px 16px;
    border-radius: 4px;
    line-height: 19px
}

.btn-primary.svelte-lmvrdu.svelte-lmvrdu:hover {
    background: #006494
}

.btn-primary.svelte-lmvrdu.svelte-lmvrdu:disabled {
    background-color: #e3e3e3;
    color: #6e6e6e;
    cursor: default
}

.btn-primary.svelte-lmvrdu.svelte-lmvrdu:disabled:hover {
    background-color: #e3e3e3;
    color: #6e6e6e
}

.dl-icons-holder.svelte-13n3z3n.svelte-13n3z3n {
    display: flex;
    margin-top: -4px;
    align-items: flex-start
}

.dl-icons-holder.has-formality.svelte-13n3z3n .dl-zendesk-input-icon.svelte-13n3z3n {
    margin-left: -4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: white
}

.dl-zendesk-error-message.svelte-13n3z3n.svelte-13n3z3n {
    position: absolute;
    bottom: 40px;
    background-color: #da5e5c;
    color: white;
    padding: 24px;
    border-radius: 4px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12)
}

.dl-zendesk-error-message.svelte-13n3z3n.svelte-13n3z3n::after {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: #da5e5c transparent transparent transparent;
    bottom: -20px;
    left: 6px
}

.dl-zendesk-error-message.svelte-13n3z3n .close-button.svelte-13n3z3n {
    cursor: pointer;
    background: transparent;
    border: 0 none;
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
    margin-top: -12px;
    margin-right: -12px;
    height: 10px;
    width: 10px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px
}

.dl-zendesk-input-icon.svelte-13n3z3n.svelte-13n3z3n {
    height: 40px;
    width: 40px;
    border: 0 none;
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
    margin-left: 2px;
    transition: background-color 0.3s ease-in-out;
    padding: 0;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922);
    border: 1px solid #dbe0e5
}

.dl-zendesk-input-icon.svelte-13n3z3n span.svelte-13n3z3n {
    display: block;
    height: 38px;
    width: 38px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    transition: background-color 0.3s ease-in-out;
    opacity: 0.5
}

.dl-zendesk-input-icon.is-active.svelte-13n3z3n span.svelte-13n3z3n {
    opacity: 1
}

.dl-zendesk-input-icon.is-loading.svelte-13n3z3n.svelte-13n3z3n {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.dl-zendesk-input-icon.is-loading.svelte-13n3z3n span.svelte-13n3z3n {
    opacity: 1;
    background-color: #eff4fa;
    margin: 1px;
    height: 38px;
    width: 38px;
    border-radius: 4px;
    animation: svelte-13n3z3n-blinking 1s linear infinite
}

.dl-zendesk-input-icon.is-loading.svelte-13n3z3n.svelte-13n3z3n::before {
    content: "";
    display: block;
    background: conic-gradient(#006494 0turn, #006494 0.25turn, rgba(0, 0, 0, 0) 0.25turn, rgba(0, 0, 0, 0) 1turn);
    width: 141.421356237%;
    padding-bottom: 141.421356237%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: -2;
    animation: svelte-13n3z3n-loadingSpinner 1.5s linear infinite
}

.dl-zendesk-input-icon.is-loading.svelte-13n3z3n.svelte-13n3z3n::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: white;
    z-index: -1;
    border-radius: 3px
}

.dl-zendesk-input-icon.is-loading.svelte-13n3z3n.svelte-13n3z3n:hover {
    background-color: transparent
}

.dl-zendesk-input-icon.is-language-mismatching.svelte-13n3z3n.svelte-13n3z3n {
    border: 1px solid #006494;
    box-shadow: 0px 0px 12px rgba(0, 100, 148, 0.7)
}

.dl-zendesk-input-icon.is-language-mismatching.svelte-13n3z3n span.svelte-13n3z3n {
    opacity: 1;
    height: 38px;
    width: 38px
}

.dl-zendesk-input-icon.svelte-13n3z3n.svelte-13n3z3n:hover {
    background-color: #eff4fa
}

.dl-zendesk-input-icon.svelte-13n3z3n:hover span.svelte-13n3z3n {
    opacity: 1 !important
}

@keyframes svelte-13n3z3n-loadingSpinner {
    from {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes svelte-13n3z3n-blinking {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

.dl-zendesk-icon.svelte-1tytp0d {
    display: none
}

.dl-zendesk-icon.svelte-i3vxpb {
    display: none
}

.dl-zendesk-working-area.svelte-i3vxpb {
    display: none
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.dl-zendesk-submit-button-tooltip.svelte-1h7bxtg.svelte-1h7bxtg {
    position: absolute;
    background-color: #f46f52;
    color: white;
    bottom: 0;
    z-index: 1000000;
    padding: 8px 16px;
    text-align: center;
    border-radius: 4px;
    white-space: break-spaces;
    font-size: 12px;
    line-height: 18px
}

.dl-zendesk-submit-button-tooltip.svelte-1h7bxtg.svelte-1h7bxtg::after {
    content: "";
    position: absolute;
    border-width: 6px;
    border-style: solid;
    border-color: #f46f52 transparent transparent transparent;
    top: 100%;
    left: 50%
}

.dl-zendesk-submit-button-tooltip.svelte-1h7bxtg .dismiss-tooltip.svelte-1h7bxtg {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 8px;
    top: 10px;
    height: 8px;
    width: 8px
}

.dl-zendesk-translate-this-ticket.svelte-qb7u0e.svelte-qb7u0e {
    background: transparent;
    border: 0 none;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
    color: #006494;
    padding: 0;
    cursor: pointer
}

.dl-zendesk-translation-placeholder.svelte-qb7u0e.svelte-qb7u0e {
    margin-top: 16px;
    border: 1px solid #037171;
    border-radius: 8px;
    color: #037171;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 24px;
    background-color: rgba(3, 113, 113, 0.1)
}

.dl-zendesk-translation-placeholder.svelte-qb7u0e .close-button.svelte-qb7u0e {
    cursor: pointer;
    background: transparent;
    border: 0 none;
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
    margin-top: -8px;
    margin-right: -8px;
    height: 16px;
    width: 16px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-zendesk.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px
}

.dl-zendesk-translation-placeholder.loading-skeleton.svelte-qb7u0e span.svelte-qb7u0e {
    background-color: rgba(3, 113, 113, 0.5);
    border: 1px solid #006494;
    color: transparent;
    border-radius: 8px;
    display: inline-block;
    height: 10px;
    animation: svelte-qb7u0e-skeleton-loading 1s linear infinite alternate
}

.dl-zendesk-translation-placeholder.has-error.svelte-qb7u0e.svelte-qb7u0e {
    background-color: rgba(96, 27, 26, 0.1);
    border: 1px solid #601b1a;
    color: #601b1a
}

@keyframes svelte-qb7u0e-skeleton-loading {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0.3
    }
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-1l2i3ip.svelte-1l2i3ip {
    width: 240px;
    min-height: 102;
    background-color: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    font-weight: 400;
    color: #292C32;
    font-size: 12px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.container.svelte-1l2i3ip .header .close-icon-container.svelte-1l2i3ip {
    position: absolute;
    right: 5px;
    top: 4px
}

.container.svelte-1l2i3ip .body.svelte-1l2i3ip {
    padding: 24px
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-1vsdnvs.svelte-1vsdnvs {
    width: 240px;
    min-height: 102;
    background-color: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    font-weight: 400;
    color: #292C32;
    font-size: 12px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.container.svelte-1vsdnvs .header .close-icon-container.svelte-1vsdnvs {
    position: absolute;
    right: 5px;
    top: 4px
}

.container.svelte-1vsdnvs .body.svelte-1vsdnvs {
    padding: 24px
}

.container.svelte-1vsdnvs .body .label-language-switch.svelte-1vsdnvs {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    user-select: none
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-1xs7ag1.svelte-1xs7ag1 {
    width: 240px;
    background-color: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    font-weight: 400;
    color: #292C32;
    font-size: 12px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.container.svelte-1xs7ag1 .header .close-icon-container.svelte-1xs7ag1 {
    position: absolute;
    right: 5px;
    top: 4px
}

.container.svelte-1xs7ag1 .body.svelte-1xs7ag1 {
    padding: 24px
}

.container.svelte-1xs7ag1 .body .label-language-switch.svelte-1xs7ag1 {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    user-select: none
}

.container.svelte-1xs7ag1 .footer.svelte-1xs7ag1 {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px 12px 24px;
    border-top: 1px solid #dde2e7
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1dicgbw {
    cursor: pointer
}

.container.svelte-1uziz8q {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    margin-left: -16px;
    padding-left: 32px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/cog-white.svg");
    background-position: left 5px;
    background-repeat: no-repeat
}

[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]) {
    position: relative;
    display: block
}

[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):before,[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease-out;
    transform: translate(-50%, 5px)
}

[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):hover:before,[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):hover:after {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0)
}

[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    padding: 7px;
    min-width: 70px;
    max-width: 250px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1b1e25;
    color: #fff;
    white-space: nowrap;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 15.6px;
    transition: 0.2s ease-out
}

[data-tooltip].svelte-dzoyw0:not([data-tooltip=false]):after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    border-top: 5px solid #1b1e25;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

[data-tooltip]:not([data-tooltip=false]).multiline.svelte-dzoyw0:before {
    white-space: normal;
    width: 100%
}

[data-tooltip]:not([data-tooltip=false]).isFlexItem.svelte-dzoyw0 {
    display: flex
}

[data-tooltip=false].svelte-dzoyw0 {
    position: relative;
    display: block
}

[data-tooltip=false].svelte-dzoyw0:hover:before,[data-tooltip=false].svelte-dzoyw0:hover:after {
    visibility: hidden;
    opacity: 0
}

.full-page-translation.svelte-yijazm.svelte-yijazm {
    position: relative;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    background-color: #fff;
    color: #0f2b46;
    font-weight: 400;
    font-size: 14px
}

.full-page-translation.svelte-yijazm strong.svelte-yijazm {
    font-weight: 600
}

.full-page-translation.svelte-yijazm p.svelte-yijazm {
    margin: 0 0 8px 0;
    line-height: 1.5em
}

.full-page-translation.svelte-yijazm p.mb-none.svelte-yijazm {
    margin-bottom: 0
}

.full-page-translation.svelte-yijazm p.svelte-yijazm:last-child {
    margin: 0
}

.full-page-translation.svelte-yijazm .link.svelte-yijazm {
    color: #006494;
    text-decoration-line: underline;
    cursor: pointer
}

.full-page-translation.svelte-yijazm .link.svelte-yijazm:hover {
    color: #0f2b46
}

.full-page-translation.svelte-yijazm .error-container.svelte-yijazm {
    padding: 8px
}

.full-page-translation.svelte-yijazm .translation-in-progress.svelte-yijazm {
    flex-grow: 1;
    padding-right: 30px;
    text-align: center
}

.full-page-translation.svelte-yijazm .language-selection.svelte-yijazm {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    max-width: 224px
}

.full-page-translation.svelte-yijazm .website-lang.svelte-yijazm {
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 2em;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full-page-translation.svelte-yijazm .translate-to-arrow.svelte-yijazm {
    flex-shrink: 0;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-right-variant.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 8px
}

.full-page-translation.svelte-yijazm .language-switch.svelte-yijazm {
    flex-grow: 1;
    overflow: hidden
}

.full-page-translation.svelte-yijazm .translate-button.svelte-yijazm {
    flex-shrink: 0
}

.full-page-translation.svelte-yijazm .translate-button span.svelte-yijazm {
    display: block;
    padding: 4px
}

.full-page-translation.svelte-yijazm .footer.svelte-yijazm {
    display: flex;
    border-top: 1px solid #dde2e7;
    background-color: #f2f4f7;
    padding: 8px 16px;
    color: #292C32
}

.full-page-translation.svelte-yijazm .footer.hasError.svelte-yijazm {
    color: #9ba3ac
}

.full-page-translation.svelte-yijazm .footer label.svelte-yijazm {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: auto
}

.full-page-translation.svelte-yijazm .footer label input.svelte-yijazm {
    cursor: pointer
}

.loader.svelte-c65fyl {
    border: 4px solid #f1f1f1;
    border-top: 4px solid #0f2b46;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: svelte-c65fyl-spin 2s linear infinite
}

.loader.small.svelte-c65fyl {
    width: 19px;
    height: 19px
}

@keyframes svelte-c65fyl-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.onboarding-graphics.svelte-6bb15d.svelte-6bb15d {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/graphics/gdocs/onboarding.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 281/181;
    display: flex;
    flex-direction: row;
    justify-items: flex-start
}

.onboarding-graphics.svelte-6bb15d .text-box.svelte-6bb15d {
    font-size: 18px;
    font-family: Arial;
    line-height: 23px;
    color: #25282D;
    background-color: #bfd3f8;
    align-self: center;
    max-width: 185px;
    padding: 3px 8px
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.icon-container.svelte-l3ooav.svelte-l3ooav {
    position: relative;
    padding: 3px;
    background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    border-radius: 50px;
    font-family: inherit;
    display: flex;
    user-select: none;
    cursor: pointer
}

.icon-container.svelte-l3ooav .dl-logo.svelte-l3ooav {
    width: 19px;
    height: 19px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 3px
}

.icon-container.svelte-l3ooav .dl-logo.svelte-l3ooav:hover {
    background-color: #f2f4f7;
    border-radius: 50%
}

.icon-container.svelte-l3ooav .dl-turnoff-inline-icon.svelte-l3ooav {
    width: 19px;
    height: 19px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/turnoff.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 3px
}

.icon-container.svelte-l3ooav .dl-turnoff-inline-icon.svelte-l3ooav:hover {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/turnoff-blue.svg")
}

.icon-container.svelte-l3ooav .dl-turnoff-inline-icon.svelte-l3ooav:hover {
    background-color: #f2f4f7;
    border-radius: 50%;
    stroke: #006494
}

.icon-container.svelte-l3ooav .dl-turnoff-inline-icon.hidden.svelte-l3ooav {
    display: none
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.tooltip-wrapper.svelte-1frab6c.svelte-1frab6c {
    width: 300px;
    background-color: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.tooltip-wrapper--settings.svelte-1frab6c.svelte-1frab6c {
    width: 250px
}

.tooltip-wrapper.svelte-1frab6c .footer.svelte-1frab6c {
    border-top: 1px solid #f2f4f7;
    padding: 6px;
    display: flex;
    justify-content: end
}

.header.svelte-1frab6c.svelte-1frab6c {
    position: absolute;
    right: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 5px
}

.header.svelte-1frab6c .close-icon.svelte-1frab6c {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    height: 19px;
    width: 19px
}

.header.svelte-1frab6c .close-icon.svelte-1frab6c:hover {
    background-color: #f2f4f7
}

p.svelte-1frab6c.svelte-1frab6c {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    margin-bottom: 4px;
    user-select: none
}

p.font-bold.svelte-1frab6c.svelte-1frab6c {
    font-weight: 600
}

.dl-widget.svelte-1frab6c.svelte-1frab6c {
    border-bottom: 1px solid #dde2e7;
    padding: 16px
}

.dl-widget.svelte-1frab6c.svelte-1frab6c:last-child {
    border-bottom: 0 none
}

.link-container.svelte-1frab6c.svelte-1frab6c {
    display: flex;
    justify-content: flex-end
}

.link-input-settings.svelte-1frab6c.svelte-1frab6c {
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer
}

.link.svelte-1frab6c.svelte-1frab6c {
    color: #006494;
    text-decoration-line: underline;
    cursor: pointer
}

.link.svelte-1frab6c.svelte-1frab6c:hover {
    color: #0f2b46
}

.link-settings.svelte-1frab6c.svelte-1frab6c {
    display: flex;
    flex-wrap: nowrap;
    text-decoration: underline;
    justify-items: center
}

.icon.svelte-1frab6c.svelte-1frab6c {
    display: block;
    background-position: center;
    background-position-x: 1px;
    background-repeat: no-repeat;
    margin-left: 8px
}

.icon-toggle-on.svelte-1frab6c.svelte-1frab6c {
    width: 50px;
    height: 16px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/toggle-on.svg")
}

.icon-external-link.svelte-1frab6c.svelte-1frab6c {
    margin-top: 2px;
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link.svg")
}

.action-container.svelte-1frab6c.svelte-1frab6c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px
}

.btn-primary.svelte-1frab6c.svelte-1frab6c {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0f2b46;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    padding-inline:16px;margin-left: 16px
}

.btn-primary.svelte-1frab6c.svelte-1frab6c:hover {
    background: #006494
}

.btn-primary.disabled.svelte-1frab6c.svelte-1frab6c {
    opacity: 0.5;
    pointer-events: none
}

.option-container.svelte-1frab6c.svelte-1frab6c {
    padding: 4px 0 8px 0
}

.dl-input-translation-container.svelte-ju4595 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000000000
}

.language-selector.svelte-f4rh0n select.svelte-f4rh0n {
    height: 32px;
    border: 1px solid #dae1e8;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    width: 100%;
    color: #000;
    padding: 1.5px 2px 1.5px 5px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-position: right 2px center;
    background-repeat: no-repeat;
    background-position: right 16px center
}

.language-selector-alternate.svelte-f4rh0n select.svelte-f4rh0n {
    padding: 8px 16px 8px 8px;
    border: 1px solid #dde2e7;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    width: 100%;
    line-height: 1.5em;
    color: #292C32;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-position: right 8px center;
    background-repeat: no-repeat
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.tooltip-wrapper.svelte-1ur3i4z.svelte-1ur3i4z {
    width: 550px;
    background-color: #fff;
    border: 1px solid #dae1e8;
    border-radius: 5px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: row
}

.tooltip-wrapper.svelte-1ur3i4z .tooltip-drag-handle.svelte-1ur3i4z {
    width: 16px;
    background-color: #f1f1f1;
    border-right: 1px solid #dae1e8;
    cursor: move;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/drag.svg");
    background-position: center;
    background-repeat: no-repeat
}

.tooltip-wrapper.svelte-1ur3i4z .tooltip-body.svelte-1ur3i4z {
    flex-grow: 1;
    max-width: 534px
}

.hidden.svelte-2296ww.svelte-2296ww {
    display: none
}

.dropdown__wrapper.svelte-2296ww.svelte-2296ww {
    width: 100%
}

.dropdown__wrapper.svelte-2296ww button.dropdown-label.svelte-2296ww {
    height: 32px;
    border: 1px solid #dae1e8;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    width: 100%;
    color: #000;
    padding: 1.5px 2px 1.5px 5px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-position: right 2px center;
    background-repeat: no-repeat
}

.dropdown__wrapper.svelte-2296ww button.dropdown-label-alternate.svelte-2296ww {
    padding: 8px 16px 8px 8px;
    border: 1px solid #dde2e7;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    text-align: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 400;
    width: 100%;
    line-height: 1.5em;
    color: #292C32;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-position: right 8px center;
    background-repeat: no-repeat
}

.dropdown__wrapper.svelte-2296ww button.dropdown-label-zendesk.svelte-2296ww {
    cursor: pointer;
    border-radius: 4px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 10px 40px 10px 16px;
    border: 1px solid #d8dcde;
    background: white;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px
}

.dropdown__wrapper.svelte-2296ww button.dropdown-label-full-width.svelte-2296ww {
    width: 100%
}

.dropdown__wrapper.svelte-2296ww button.dropdown-label-borderless.svelte-2296ww {
    border: none
}

.dropdown__wrapper.svelte-2296ww button.dropup.svelte-2296ww {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-up.svg")
}

.dropdown__wrapper.svelte-2296ww ul.svelte-2296ww {
    overflow-y: auto;
    position: absolute;
    z-index: 1;
    margin-top: 1px;
    padding: 0;
    background: #fff;
    border: 1px solid #dae1e8;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    font-size: 14px
}

.dropdown__wrapper.svelte-2296ww ul.align-right.svelte-2296ww {
    right: 0
}

.dropdown__wrapper.svelte-2296ww ul.alternate-dropdown-list.svelte-2296ww {
    font-size: 14px
}

.dropdown__wrapper.svelte-2296ww ul li.svelte-2296ww {
    color: #000;
    cursor: pointer;
    display: block;
    line-height: 1.8em;
    overflow: hidden;
    padding: 2px 31px 2px 14px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown__wrapper.svelte-2296ww ul li.svelte-2296ww:hover {
    background-color: #f2f4f7
}

.dropdown__wrapper.svelte-2296ww ul li.selected.svelte-2296ww {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/checkmark.svg");
    background-position: 94% 30%;
    background-repeat: no-repeat
}

.dropdown__wrapper.dropdown__wrapper--header.svelte-2296ww button.svelte-2296ww {
    border: 0;
    color: #0f2b46;
    font-weight: 700;
    padding: 0 20px 0 10px
}

.dropdown__wrapper.dropdown__wrapper--header.svelte-2296ww ul.svelte-2296ww {
    right: auto
}

.dropdown__wrapper.dropdown__zendesk-top-icon.svelte-2296ww button.svelte-2296ww {
    border: 0
}

.dropdown__wrapper.dropdown__zendesk-top-icon.svelte-2296ww ul.svelte-2296ww {
    margin-top: 7px;
    margin-left: -11px
}

.dropdown__wrapper.disabled.svelte-2296ww.svelte-2296ww {
    pointer-events: none
}

.dropdown__wrapper.disabled.svelte-2296ww button.svelte-2296ww {
    color: #9ba3ac
}

.dl-link.svelte-pwdshq {
    text-decoration: underline;
    cursor: pointer
}

.onboarding-graphics.svelte-pwdshq {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/graphics/zendesk/onboarding.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 281/163
}

.container.svelte-1mpkjv7 .link.svelte-1mpkjv7 {
    margin-top: 16px;
    text-decoration: underline;
    cursor: pointer
}

.container.svelte-1mpkjv7 .link.svelte-1mpkjv7 {
    margin-top: 16px;
    text-decoration: underline;
    cursor: pointer
}

.container.svelte-1mpkjv7 .link.svelte-1mpkjv7 {
    margin-top: 16px;
    text-decoration: underline;
    cursor: pointer
}

.warn-msg.svelte-1jf0jj0.svelte-1jf0jj0 {
    display: flex;
    padding: 16px;
    border: 1px solid #ffe9bc;
    border-radius: 6px;
    box-sizing: border-box;
    color: #622700;
    line-height: 150%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background-color: #fff9ee
}

.warn-msg.svelte-1jf0jj0 .icon-container.svelte-1jf0jj0 {
    margin: 2px 12px 0px 4px
}

.warn-msg.svelte-1jf0jj0 .message.svelte-1jf0jj0 {
    margin-right: 5px
}

.warn-msg.svelte-1jf0jj0 .dl-close-icon.svelte-1jf0jj0 {
    align-self: start;
    padding-top: 5px;
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

.error-msg.svelte-qdqw71.svelte-qdqw71 {
    display: flex;
    padding: 16px;
    border: 1px solid #ffcac9;
    border-radius: 6px;
    box-sizing: border-box;
    color: #601b1a;
    line-height: 150%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background-color: #fff1f1
}

.error-msg.svelte-qdqw71 .icon-container.svelte-qdqw71 {
    margin: 2px 12px 0px 4px
}

.error-msg.svelte-qdqw71 .message.svelte-qdqw71 {
    margin-right: 5px
}

.error-msg.svelte-qdqw71 .dl-close-icon.svelte-qdqw71 {
    align-self: start;
    padding-top: 4px;
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

.enableHover.svelte-mrm8jk path.svelte-mrm8jk:hover {
    stroke: #006494
}

.close-icon.svelte-90kudc {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    height: 19px;
    width: 19px
}

.close-icon.svelte-90kudc:hover {
    background-color: #f2f4f7
}

.settings-link.svelte-zb9mtj.svelte-zb9mtj {
    color: #006494;
    text-decoration-line: underline;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    text-decoration: underline;
    align-items: center
}

.settings-link.svelte-zb9mtj.svelte-zb9mtj:hover {
    color: #0f2b46
}

.settings-link.svelte-zb9mtj .icon.svelte-zb9mtj {
    display: block;
    background-position: center;
    background-position-x: 1px;
    background-repeat: no-repeat;
    margin-left: 8px
}

.settings-link.svelte-zb9mtj .icon-external-link.svelte-zb9mtj {
    margin-top: 2px;
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link.svg")
}

.switch.svelte-1mtvz9f.svelte-1mtvz9f {
    width: 44px;
    height: 24px;
    background-color: #999;
    border: 0 none;
    border-radius: 12px;
    padding: 3px;
    cursor: pointer;
    transition: all 0.1s ease-out;
    background-position: left 8px center
}

.switch.svelte-1mtvz9f span.svelte-1mtvz9f {
    height: 18px;
    width: 18px;
    background-color: #fff;
    display: block;
    border-radius: 10px
}

.switch.checked.svelte-1mtvz9f.svelte-1mtvz9f {
    background-color: #007e5e !important;
    padding-left: 23px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/checkmark-white.svg");
    background-repeat: no-repeat
}

.info-msg.svelte-17qaccl {
    padding: 8px 16px;
    border: 1px solid #ffd47d;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 18px;
    font-size: 12px;
    color: #563f11;
    font-style: normal;
    font-weight: 400;
    background-color: #fff9ee
}

.close-button-container.svelte-b85ux9 .close-button.svelte-b85ux9 {
    float: right;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 12px
}

.body.svelte-b85ux9.svelte-b85ux9 {
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

.logo.svelte-b85ux9.svelte-b85ux9 {
    height: 40px;
    width: 32px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.cancel-translation-body.svelte-8fn8ut.svelte-8fn8ut {
    padding: 16px 24px 0 24px;
    border-top: 1px solid #dae1e8
}

.cancel-translation-body.svelte-8fn8ut p.svelte-8fn8ut {
    margin: 0 0 8px 0;
    line-height: 1.5em
}

.cancel-translation-body.svelte-8fn8ut p.font-bold.svelte-8fn8ut {
    font-weight: 600
}

.cancel-translation-footer.svelte-8fn8ut.svelte-8fn8ut {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px
}

.cancel-container.svelte-8fn8ut .option.svelte-8fn8ut {
    border: 1px solid #dde2e7;
    border-radius: 4px;
    margin-bottom: 8px
}

.cancel-container.svelte-8fn8ut .option.svelte-8fn8ut:last-child {
    margin-bottom: 0
}

.cancel-container.svelte-8fn8ut .option label.svelte-8fn8ut {
    padding: 12px;
    display: flex;
    align-items: flex-start;
    z-index: 0;
    line-height: 1.1em
}

.cancel-container.svelte-8fn8ut .option label span.label.svelte-8fn8ut {
    padding-top: 2px
}

.cancel-container.svelte-8fn8ut .option input[type=radio].svelte-8fn8ut {
    height: 12px;
    width: 12px;
    margin-right: 8px;
    margin-left: 0;
    margin-top: 4px
}

.cancel-container.svelte-8fn8ut .option input[type=radio].svelte-8fn8ut:checked {
    -webkit-appearance: auto;
    appearance: auto
}

button.svelte-1b6vay0 {
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.5em
}

button.font-size-sm.svelte-1b6vay0 {
    font-size: 12px
}

button.padding-x-md.svelte-1b6vay0 {
    padding-left: 16px;
    padding-right: 16px
}

button.padding-x-none.svelte-1b6vay0 {
    padding-left: 0;
    padding-right: 0
}

.btn-primary.svelte-1b6vay0 {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0f2b46;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out
}

.btn-primary.svelte-1b6vay0:hover {
    background: #006494
}

.btn-primary.btn-full-width.svelte-1b6vay0 {
    width: 100%
}

.btn-ghost.svelte-1b6vay0 {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto
}

.btn-ghost.svelte-1b6vay0:hover {
    border-color: #006494;
    color: #006494
}

.btn-ghost.btn-icon.svelte-1b6vay0 {
    padding: 8px
}

.btn-ghost.btn-full-width.svelte-1b6vay0 {
    width: 100%
}

.button-primary.svelte-1b6vay0 {
    background-color: #0f2b46;
    color: White;
    padding: 4px 12px;
    border-radius: 3px;
    border: 0 none
}

.button-primary.disabled.svelte-1b6vay0 {
    opacity: 0.5
}

.button-reload.svelte-1b6vay0 {
    border: 0 none;
    color: #006494;
    background-color: transparent;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer
}

.button-link.svelte-1b6vay0 {
    border: 0 none;
    color: #262829;
    background-color: transparent;
    padding: 3px 13px 3px 12px
}

.button-menu.svelte-1b6vay0 {
    border: 0 none;
    color: #262829;
    background-color: transparent;
    padding: 3px 13px 3px 12px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down.svg");
    background-position: center right;
    background-repeat: no-repeat
}

.button-update.svelte-1b6vay0 {
    border: 0 none;
    margin-top: 10px;
    font-size: 10px;
    color: #006494;
    background-color: transparent;
    text-decoration: underline;
    padding: 0px;
    cursor: pointer
}

.close.svelte-1b6vay0 {
    cursor: pointer;
    height: 24px;
    width: 24px;
    border: 0 none;
    border-radius: 12px;
    background-color: transparent;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out
}

.close.svelte-1b6vay0:hover {
    background-color: #f2f4f7
}

.dl-onboarding-container.svelte-febp1q.svelte-febp1q {
    width: 345px;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 10000000;
    background: #0f2b46;
    color: White;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    font-size: 16px;
    line-height: 150%;
    padding: 32px;
    box-sizing: border-box
}

.dl-onboarding-container.svelte-febp1q .header.svelte-febp1q {
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    justify-content: space-between
}

.dl-onboarding-container.svelte-febp1q .header .logo.svelte-febp1q {
    width: 120px;
    height: 40px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-white-v2.svg");
    background-repeat: no-repeat;
    background-position: center
}

.dl-onboarding-container.svelte-febp1q .header .close-button.svelte-febp1q {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 10px
}

.dl-onboarding-container.svelte-febp1q .alert-warning.svelte-febp1q {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/warning.svg");
    background-repeat: no-repeat;
    background-position: 15px 18px;
    background-color: #fcf6ea;
    border: 1px solid #eecb8c;
    padding: 16px 16px 16px 48px;
    border-radius: 4px;
    color: #683e16;
    margin-bottom: 24px
}

.dl-onboarding-container.svelte-febp1q h2.header.svelte-febp1q {
    font-size: 20px;
    font-weight: normal;
    line-height: 140%;
    margin-bottom: 24px
}

.dl-onboarding-container.svelte-febp1q ul.ups.svelte-febp1q {
    margin-bottom: 32px;
    padding: 0
}

.dl-onboarding-container.svelte-febp1q ul.ups li.svelte-febp1q {
    display: block;
    padding-left: 28px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/checkmark-white.svg");
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 15px 15px;
    margin-bottom: 8px
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.dl__dictionary.svelte-1rmo0hh.svelte-1rmo0hh {
    max-height: 366px;
    overflow: scroll;
    scroll-behavior: auto;
    border-top: 1px solid #dae1e8
}

.dl__dictionary.svelte-1rmo0hh.svelte-1rmo0hh::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.dl__dictionary.svelte-1rmo0hh.svelte-1rmo0hh::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

.tooltip-container.svelte-1rmo0hh.svelte-1rmo0hh {
    font-size: 14px;
    line-height: 1.4em;
    word-wrap: break-word;
    padding: 16px 24px
}

.tooltip-container.svelte-1rmo0hh .loading-spinner-container.svelte-1rmo0hh {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.tooltip-container.svelte-1rmo0hh .result-frame.svelte-1rmo0hh {
    line-height: 1.6em;
    max-height: 300px;
    overflow-y: auto
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .counter.svelte-1rmo0hh {
    font-weight: 600;
    color: #f46f52;
    margin-bottom: 8px;
    margin-top: -4px
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .box.svelte-1rmo0hh {
    background-color: #f3f5f7;
    border-radius: 4px;
    padding: 16px 24px;
    line-height: 21px;
    font-weight: 400;
    color: #292C32
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .box h2.svelte-1rmo0hh {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 21px;
    font-weight: 600
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .button-row.svelte-1rmo0hh {
    text-align: right;
    padding-top: 16px
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .button-row button.svelte-1rmo0hh {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    line-height: 16px;
    font-size: inherit;
    color: #006494;
    border-color: #006494;
    border-radius: 4px
}

.anonymous-user-max-char-exceeded.svelte-1rmo0hh .button-row button.svelte-1rmo0hh:hover {
    border-color: #006494;
    color: #006494
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-143q1m8.svelte-143q1m8 {
    position: absolute;
    width: 387px;
    background-color: #0f2b46;
    box-sizing: content-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 6px;
    color: White;
    font-size: 14px
}

.container__topLeft.svelte-143q1m8.svelte-143q1m8 {
    left: -344px;
    bottom: 50px
}

.container__bottomLeft.svelte-143q1m8.svelte-143q1m8 {
    left: -344px;
    top: 50px
}

.container__topRight.svelte-143q1m8.svelte-143q1m8 {
    left: -10px;
    bottom: 50px
}

.container__bottomRight.svelte-143q1m8.svelte-143q1m8 {
    left: -10px;
    top: 50px
}

.container.svelte-143q1m8 .body.svelte-143q1m8 {
    position: relative;
    display: flex
}

.container.svelte-143q1m8 .body .content.svelte-143q1m8 {
    display: flex;
    width: 100%;
    padding-left: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 8px
}

.container.svelte-143q1m8 .body .content .text-wrapper.svelte-143q1m8 {
    line-height: 23px
}

.container.svelte-143q1m8 .body .content .text-wrapper .headline.svelte-143q1m8 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}

.container.svelte-143q1m8 .body .content .text-wrapper .text.svelte-143q1m8 {
    width: 85%
}

.container.svelte-143q1m8 .body .content .logo.svelte-143q1m8 {
    width: 84px;
    margin-right: 16px;
    margin-left: -16px;
    height: 42px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.container.svelte-143q1m8 .body.svelte-143q1m8::after {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: #0f2b46 transparent transparent transparent
}

.container.svelte-143q1m8 .body__topLeft.svelte-143q1m8::after {
    top: 100%;
    right: 15px;
    margin-left: -5px
}

.container.svelte-143q1m8 .body__bottomLeft.svelte-143q1m8::after {
    bottom: 100%;
    transform: rotate(180deg);
    right: 15px;
    margin-left: -5px
}

.container.svelte-143q1m8 .body__topRight.svelte-143q1m8::after {
    top: 100%;
    right: 348px
}

.container.svelte-143q1m8 .body__bottomRight.svelte-143q1m8::after {
    bottom: 100%;
    right: 348px;
    transform: rotate(180deg)
}

.container.svelte-143q1m8 .body .close-icon.svelte-143q1m8 {
    position: absolute;
    right: 0;
    margin-right: 8px;
    margin-top: 8px;
    background: transparent;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2 -4px 6px 6px
}

.dl-input-positioner.svelte-16rwmnb.svelte-16rwmnb {
    z-index: 10000000000000;
    pointer-events: none
}

.dl-input-positioner.debug-mode.svelte-16rwmnb.svelte-16rwmnb {
    background-color: rgba(255, 0, 0, 0.3)
}

.dl-input-placeholder.svelte-16rwmnb.svelte-16rwmnb {
    height: 28px;
    width: 28px;
    transition: top 0.3s ease-in-out;
    position: absolute;
    pointer-events: all;
    bottom: 5px;
    right: 5px
}

.dl-input-placeholder.svelte-16rwmnb .dl-onboarding-highlighter.svelte-16rwmnb {
    height: 28px;
    width: 28px;
    position: absolute;
    right: 0;
    pointer-events: none
}

.dl-input-placeholder.reduced-space.svelte-16rwmnb.svelte-16rwmnb {
    bottom: calc(50% - 14px) !important
}

.dl-input-placeholder.other-extension-present.svelte-16rwmnb.svelte-16rwmnb {
    right: 35px !important
}

.radio.svelte-12100kl.svelte-12100kl.svelte-12100kl {
    display: flex;
    margin-bottom: 8px
}

.radio--with-border.svelte-12100kl.svelte-12100kl.svelte-12100kl {
    border: 1px solid #dae1e8;
    border-radius: 4px;
    padding: 8px
}

.radio--with-border.svelte-12100kl.svelte-12100kl.svelte-12100kl:hover,.radio--with-border.svelte-12100kl.svelte-12100kl.svelte-12100kl:focus {
    border-color: #006494
}

.radio--with-border.radio--checked.svelte-12100kl.svelte-12100kl.svelte-12100kl {
    border-color: #006494
}

.radio.svelte-12100kl label.svelte-12100kl.svelte-12100kl {
    margin-left: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #394046;
    cursor: pointer;
    width: 100%
}

.radio.svelte-12100kl .radio-icon.svelte-12100kl.svelte-12100kl {
    pointer-events: none
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl.svelte-12100kl {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl+.radio-icon.svelte-12100kl:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #6e6e6e;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl:checked+.radio-icon.svelte-12100kl:before {
    border: 1px solid #006494;
    background-color: #006494;
    box-shadow: inset 0 0 0 2px #fff
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl:focus+.radio-icon.svelte-12100kl:before {
    outline: none;
    border-color: #006494
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl:disabled+.radio-icon.svelte-12100kl:before {
    box-shadow: inset 0 0 0 2px #fff;
    border-color: #bfbfbf;
    background: #bfbfbf
}

.radio.svelte-12100kl input[type=radio].svelte-12100kl+.radio-icon.svelte-12100kl:empty:before {
    margin-right: 0
}

.dl-layout.svelte-1dtlgso {
    min-width: 213px;
    font-weight: 400;
    font-size: 12px
}

.dl-content.svelte-1dtlgso {
    color: #292C32
}

.debug-settings.svelte-mu7va1 {
    width: fit-content;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    background-color: #000
}

.dl-toolbar.svelte-asbnol {
    padding-top: 24px;
    text-align: right
}

.btn-primary.svelte-asbnol {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0f2b46;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    font-family: "Open Sans", sans-serif;
    margin-left: 6px;
    line-height: normal;
    padding: 9px 16px;
    font-size: 14px;
    border-radius: 4px
}

.btn-primary.svelte-asbnol:hover {
    background: #006494
}

.btn-secondary.svelte-asbnol {
    border: 1px solid #0f2b46;
    border-radius: 2px;
    background: transparent;
    color: #0f2b46;
    padding: 8px 12px;
    cursor: pointer;
    width: auto;
    margin-right: 0;
    font-family: "Open Sans", sans-serif;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px
}

.btn-secondary.svelte-asbnol:hover {
    border-color: #006494;
    color: #006494
}

.dl-toolbar.svelte-f3wkxu.svelte-f3wkxu.svelte-f3wkxu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px
}

.dl-toolbar.svelte-f3wkxu .tooltip-linguee.svelte-f3wkxu.svelte-f3wkxu {
    display: none;
    transition: 0.2s ease-out
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.svelte-f3wkxu.svelte-f3wkxu {
    display: flex;
    cursor: pointer;
    align-items: center;
    height: 40px;
    cursor: pointer;
    padding: 0 8px;
    border-radius: 4px
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.shown-dict.svelte-f3wkxu.svelte-f3wkxu {
    color: #006494;
    background-color: #f2f4f7
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary .dict-text.svelte-f3wkxu.svelte-f3wkxu {
    margin-right: 8px
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary .img_book.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/book.svg");
    display: block;
    height: 24px;
    width: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary .img_book.shown-dict.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/book-blue.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary .img_arrow.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down-variant2.svg");
    display: block;
    height: 24px;
    width: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary .img_arrow.shown-dict.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down-variant2-blue.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.svelte-f3wkxu.svelte-f3wkxu:hover {
    background-color: #f2f4f7
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.svelte-f3wkxu:hover~.tooltip-linguee.svelte-f3wkxu {
    position: absolute;
    display: inline-block;
    top: 100%;
    padding: 16px 24px;
    color: #292C32;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    width: 245px;
    left: -50%;
    background-color: #fff;
    line-height: 20px;
    transition: 0.2s ease-out;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.disable.svelte-f3wkxu.svelte-f3wkxu {
    color: #727A83
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.disable .img_book.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/book-grey.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.disable .img_arrow.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/arrow-down-variant2-grey.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-dictionary.disable.svelte-f3wkxu.svelte-f3wkxu:hover {
    background-color: transparent
}

.dl-toolbar.svelte-f3wkxu .dl-link-container .link.svelte-f3wkxu.svelte-f3wkxu {
    font-family: "Open Sans", sans-serif;
    border: 0 none;
    background: transparent;
    padding: 0;
    color: #006494;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.dl-toolbar.svelte-f3wkxu .dl-link-container .link.svelte-f3wkxu.svelte-f3wkxu:hover {
    text-decoration: underline
}

.dl-toolbar.svelte-f3wkxu .dl-link-container .link .icon.svelte-f3wkxu.svelte-f3wkxu {
    display: block;
    background-position: center;
    background-position-x: 1px;
    background-repeat: no-repeat;
    margin-left: 8px
}

.dl-toolbar.svelte-f3wkxu .dl-link-container .link .icon-external-link.svelte-f3wkxu.svelte-f3wkxu {
    margin-top: 2px;
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link.svg");
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link-variant.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-btn-group.svelte-f3wkxu.svelte-f3wkxu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
    position: relative
}

.dl-toolbar.svelte-f3wkxu .dl-btn-group .dl-btn.svelte-f3wkxu.svelte-f3wkxu {
    width: 40px;
    height: 40px;
    border: 0 none;
    background: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.dl-toolbar.svelte-f3wkxu .dl-btn-group .dl-btn.svelte-f3wkxu.svelte-f3wkxu:hover,.dl-toolbar.svelte-f3wkxu .dl-btn-group .dl-btn.dl-btn-active.svelte-f3wkxu.svelte-f3wkxu,.dl-toolbar.svelte-f3wkxu .dl-btn-group .dl-btn.dl-btn-hovered.svelte-f3wkxu.svelte-f3wkxu {
    background-color: #f2f4f7
}

.dl-toolbar.svelte-f3wkxu .dl-icon.svelte-f3wkxu.svelte-f3wkxu {
    display: block;
    height: 24px;
    width: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-toolbar.svelte-f3wkxu .dl-icon.dl-icon-listen.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/listen.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-icon.dl-icon-copy.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/copy.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-btn-active .dl-icon-listen.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/listen-stop.svg")
}

.dl-toolbar.svelte-f3wkxu .dl-btn-active .dl-icon-copy.svelte-f3wkxu.svelte-f3wkxu {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/copy-active.svg")
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.error-container.svelte-1h56a6t {
    position: absolute
}

.error-container__top.svelte-1h56a6t {
    bottom: 35px;
    right: 0
}

.error-container__bottom.svelte-1h56a6t {
    top: 35px;
    right: 0
}

.error-container__right.svelte-1h56a6t {
    left: 35px;
    bottom: 0
}

.error-container__left.svelte-1h56a6t {
    right: 35px;
    bottom: 0
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.settings-container.svelte-1ogsz17 {
    position: absolute
}

.settings-container__top.svelte-1ogsz17 {
    bottom: 35px;
    right: 0
}

.settings-container__bottom.svelte-1ogsz17 {
    top: 35px;
    right: 0
}

.settings-container__right.svelte-1ogsz17 {
    left: 35px;
    bottom: 0
}

.settings-container__left.svelte-1ogsz17 {
    right: 35px;
    bottom: 0
}

p.svelte-1ogsz17 {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    margin-bottom: 4px
}

p.font-bold.svelte-1ogsz17 {
    font-weight: 600
}

.dl-widget.svelte-1ogsz17 {
    border-bottom: 1px solid #dde2e7;
    padding: 16px
}

.dl-widget.svelte-1ogsz17:last-child {
    border-bottom: 0 none
}

.link-input-settings.svelte-1ogsz17 {
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer
}

.link.svelte-1ogsz17 {
    color: #006494;
    text-decoration-line: underline;
    cursor: pointer
}

.link.svelte-1ogsz17:hover {
    color: #0f2b46
}

.link-settings.svelte-1ogsz17 {
    display: flex;
    flex-wrap: nowrap;
    text-decoration: underline;
    justify-items: center
}

.icon.svelte-1ogsz17 {
    display: block;
    background-position: center;
    background-position-x: 1px;
    background-repeat: no-repeat;
    margin-left: 8px
}

.icon-toggle-on.svelte-1ogsz17 {
    width: 50px;
    height: 16px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/toggle-on.svg")
}

.icon-external-link.svelte-1ogsz17 {
    margin-top: 2px;
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link.svg")
}

.action-container.svelte-1ogsz17 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px
}

.btn-primary.svelte-1ogsz17 {
    text-align: center;
    cursor: pointer;
    border: 0 none;
    border-radius: 2px;
    background: #0f2b46;
    color: White;
    font-weight: 400;
    padding: 8px;
    line-height: 1em;
    transition: background-color 0.1s ease-in-out;
    padding-inline:16px;margin-left: 16px
}

.btn-primary.svelte-1ogsz17:hover {
    background: #006494
}

.btn-primary.disabled.svelte-1ogsz17 {
    opacity: 0.5;
    pointer-events: none
}

.option-container.svelte-1ogsz17 {
    padding: 4px 0 8px 0
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-1pcvyio.svelte-1pcvyio {
    width: 387px;
    background-color: #0f2b46;
    box-sizing: content-box;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.37);
    border-radius: 6px;
    color: White;
    font-size: 14px;
    position: absolute;
    pointer-events: all
}

.container__top.svelte-1pcvyio.svelte-1pcvyio {
    bottom: 45px;
    right: -10px
}

.container__bottom.svelte-1pcvyio.svelte-1pcvyio {
    top: 45px;
    right: -10px
}

.container__right.svelte-1pcvyio.svelte-1pcvyio {
    left: 45px;
    bottom: -57px
}

.container__left.svelte-1pcvyio.svelte-1pcvyio {
    right: 45px;
    bottom: -10px
}

.container.svelte-1pcvyio .body.svelte-1pcvyio {
    position: relative;
    display: flex
}

.container.svelte-1pcvyio .body .content.svelte-1pcvyio {
    display: flex;
    width: 260px;
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 24px;
    padding-right: 8px
}

.container.svelte-1pcvyio .body .content .text-wrapper.svelte-1pcvyio {
    line-height: 23px
}

.container.svelte-1pcvyio .body .content .text-wrapper .headline.svelte-1pcvyio {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px
}

.container.svelte-1pcvyio .body .content .logo.svelte-1pcvyio {
    width: 84px;
    margin-right: 16px;
    margin-left: -16px;
    height: 42px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.container.svelte-1pcvyio .body.svelte-1pcvyio::after {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: #0f2b46 transparent transparent transparent
}

.container.svelte-1pcvyio .body__top.svelte-1pcvyio::after {
    top: 100%;
    right: 13px;
    margin-left: -5px
}

.container.svelte-1pcvyio .body__bottom.svelte-1pcvyio::after {
    bottom: 100%;
    transform: rotate(180deg);
    right: 13px;
    margin-left: -5px
}

.container.svelte-1pcvyio .body__right.svelte-1pcvyio::after {
    top: 50%;
    right: 100%;
    transform: rotate(90deg);
    margin-left: -5px
}

.container.svelte-1pcvyio .body__left.svelte-1pcvyio::after {
    bottom: 13px;
    left: 100%;
    transform: rotate(270deg)
}

.container.svelte-1pcvyio .body .logo-picture.svelte-1pcvyio {
    width: 99px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/circle.svg");
    background-repeat: no-repeat
}

.container.svelte-1pcvyio .body .close-icon.svelte-1pcvyio {
    position: absolute;
    right: 0;
    margin-right: 8px;
    margin-top: 8px;
    background: transparent;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close-white.svg");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: -2 -4px 6px 6px
}

.dl-input-icon.svelte-rj6qvq.svelte-rj6qvq {
    height: 28px;
    width: 28px;
    background-color: #ffffff;
    border-radius: 14px;
    right: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: absolute;
    padding: 2px;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3)
}

.dl-input-icon.svelte-rj6qvq .dl-icon-circle.svelte-rj6qvq {
    height: 24px;
    width: 24px;
    position: absolute;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    right: 2px
}

.dl-input-icon.svelte-rj6qvq .dl-icon-circle.svelte-rj6qvq:hover {
    background-color: #dae1e8
}

.dl-input-icon.svelte-rj6qvq .dl-icon-circle span.svelte-rj6qvq {
    height: 24px;
    width: 24px;
    display: block
}

.dl-input-icon.svelte-rj6qvq .dl-loading.svelte-rj6qvq,.dl-input-icon.svelte-rj6qvq .dl-loading.svelte-rj6qvq:hover {
    opacity: 0;
    pointer-events: none;
    background-color: #ffffff;
    z-index: 99999999999
}

.dl-input-icon.svelte-rj6qvq .dl-loading.svelte-rj6qvq::before,.dl-input-icon.svelte-rj6qvq .dl-loading.svelte-rj6qvq:hover::before {
    content: "";
    background-color: #0f2b46;
    height: 24px;
    width: 24px;
    position: absolute;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    transform: scale(100%);
    bottom: 0;
    right: 0
}

.dl-input-icon.svelte-rj6qvq .dl-icon.svelte-rj6qvq {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right 2px bottom 2px
}

.dl-input-icon.svelte-rj6qvq .dl-icon.svelte-rj6qvq::before {
    content: "";
    position: absolute;
    height: 8px;
    background-color: #037171;
    display: block;
    right: 0px;
    top: -2px;
    border-radius: 5px;
    border: 2px solid white;
    border-radius: 50%;
    width: 8px;
    opacity: 0;
    transition: all 0.4s ease-in-out
}

.dl-input-icon.svelte-rj6qvq .dl-icon.svelte-rj6qvq::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    background-color: transparent;
    height: 24px;
    width: 24px;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease-in-out
}

.dl-input-icon.svelte-rj6qvq .dl-settings.svelte-rj6qvq {
    opacity: 0;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/input/settings.svg");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-input-icon.svelte-rj6qvq .dl-settings.svelte-rj6qvq:hover {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/input/settings-blue.svg")
}

.dl-input-icon.svelte-rj6qvq .dl-on-off.svelte-rj6qvq {
    opacity: 0;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/input/on-off.svg");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.dl-input-icon.svelte-rj6qvq .dl-on-off.svelte-rj6qvq:hover {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/icons/translators/input/on-off-blue.svg")
}

.dl-input-icon.svelte-rj6qvq.svelte-rj6qvq:not(.is-loading):hover {
    width: 80px
}

.dl-input-icon.svelte-rj6qvq:not(.is-loading):hover .dl-settings.svelte-rj6qvq {
    opacity: 1;
    right: 28px
}

.dl-input-icon.svelte-rj6qvq:not(.is-loading):hover .dl-on-off.svelte-rj6qvq {
    opacity: 1;
    right: 54px
}

.dl-input-icon.is-loading.svelte-rj6qvq.svelte-rj6qvq {
    background-color: #ffffff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3) !important
}

.dl-input-icon.is-loading.svelte-rj6qvq .dl-loading.svelte-rj6qvq {
    opacity: 1;
    pointer-events: all;
    animation: svelte-rj6qvq-loadingSpin 0.8s cubic-bezier(0.55, 0.04, 0.27, 0.91) infinite
}

.dl-input-icon.is-loading.svelte-rj6qvq .dl-loading.svelte-rj6qvq::before {
    transform: scale(30%);
    top: -5px
}

.dl-input-icon.is-minimized.svelte-rj6qvq.svelte-rj6qvq:not(:hover) {
    background-color: transparent;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0)
}

.dl-input-icon.is-minimized.svelte-rj6qvq:not(:hover) .dl-settings.svelte-rj6qvq,.dl-input-icon.is-minimized.svelte-rj6qvq:not(:hover) .dl-on-off.svelte-rj6qvq {
    opacity: 0
}

.dl-input-icon.is-minimized.svelte-rj6qvq:not(:hover) .dl-icon.svelte-rj6qvq {
    background-color: transparent;
    background-position: bottom right;
    background-size: 10px
}

.dl-input-icon.is-minimized.svelte-rj6qvq:not(:hover) .dl-icon.svelte-rj6qvq::after {
    background-color: #0f2b46;
    height: 10px;
    width: 10px;
    border-radius: 5px
}

.dl-input-icon.is-input-translation-disabled.svelte-rj6qvq.svelte-rj6qvq {
    background-color: transparent;
    box-shadow: none
}

.dl-input-icon.is-input-translation-disabled.svelte-rj6qvq .dl-icon.svelte-rj6qvq,.dl-input-icon.is-input-translation-disabled.svelte-rj6qvq .dl-settings.svelte-rj6qvq,.dl-input-icon.is-input-translation-disabled.svelte-rj6qvq .dl-on-off.svelte-rj6qvq {
    display: none
}

@keyframes svelte-rj6qvq-loadingSpin {
    to {
        transform: rotate(360deg)
    }
}

.dl-header.svelte-1k53si1.svelte-1k53si1 {
    border-bottom: 1px solid #dae1e8;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 10px;
    height: 48px;
    box-sizing: border-box
}

.dl-header--with-lang-selector.svelte-1k53si1.svelte-1k53si1 {
    padding: 5px 13px 5px 22px
}

.dl-header--with-lang-selector.svelte-1k53si1 .dl-logo.svelte-1k53si1 {
    width: 24px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo-no-text.svg");
    background-position: left;
    margin-right: 10px;
    background-size: contain
}

.dl-header--with-lang-selector.svelte-1k53si1 .dl-actions.svelte-1k53si1 {
    justify-content: center;
    margin-top: 0;
    margin-right: 0
}

.dl-header--with-lang-selector.svelte-1k53si1 .dl-actions-language-selector.svelte-1k53si1 {
    display: flex;
    flex-basis: 100%
}

.dl-header--with-lang-selector.svelte-1k53si1 .dl-actions-language-selector__label.svelte-1k53si1 {
    color: #292C32;
    flex-shrink: 0;
    align-self: center;
    font-size: 13px;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    user-select: none
}

.dl-header--with-lang-selector.svelte-1k53si1 .dl-actions-language-selector__dropdown.svelte-1k53si1 {
    max-width: 120px
}

.dl-header.svelte-1k53si1 .dl-write-heading.svelte-1k53si1 {
    flex-grow: 1;
    font-size: 14px
}

.dl-logo.svelte-1k53si1.svelte-1k53si1 {
    width: 70px;
    height: 24px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/deepl-logo.svg");
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer
}

.dl-actions.svelte-1k53si1.svelte-1k53si1 {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end
}

.dl-actions.svelte-1k53si1 button.svelte-1k53si1 {
    border: 0 none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px
}

.dl-actions.svelte-1k53si1 button.svelte-1k53si1:hover {
    background-color: #f2f4f7
}

.dl-actions.svelte-1k53si1 button.dl-settings-icon.svelte-1k53si1 {
    width: 19px;
    height: 19px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/settings-input.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    width: 24px;
    margin-right: 16px
}

.dl-actions.svelte-1k53si1 button.dl-close-icon.svelte-1k53si1 {
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg")
}

.dl-replace-button.svelte-37z2qn {
    background: transparent;
    background-color: #0f2b46;
    border: 0 none;
    cursor: pointer;
    border-radius: 4px;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/gdocs-replace.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    box-sizing: border-box
}

.dl-replace-button.svelte-37z2qn:disabled {
    opacity: 0.5;
    cursor: default
}

.listen-list.svelte-12gdpba.svelte-12gdpba {
    z-index: 199999999999;
    position: absolute;
    display: flex;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #dae1e8;
    border-radius: 4px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    background-color: #fff
}

.listen-list.svelte-12gdpba .list-entry.svelte-12gdpba {
    box-sizing: content-box;
    width: 163px;
    font-family: inherit;
    font-size: 14px;
    color: #292c32;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border: 0 none;
    background: transparent;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out
}

.listen-list.svelte-12gdpba .list-entry.svelte-12gdpba:hover {
    background-color: #f2f4f7
}

.listen-list.svelte-12gdpba .list-entry.dl-entry-notAvaiable.svelte-12gdpba {
    pointer-events: none;
    color: #9ba3ac;
    user-select: none
}

p.svelte-1bwyi2r {
    margin: 0 0 8px 0;
    line-height: 1.5em;
    margin-bottom: 4px;
    user-select: none
}

p.font-bold.svelte-1bwyi2r {
    font-weight: 600
}

@font-face {
    font-family: "Open Sans";
    src: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/fonts/OpenSans_VariableFont_wdth_wght.ttf") format("truetype");
    font-weight: 100 1000
}

:host {
    font-family: "Open Sans", sans-serif
}

.container.svelte-1ux16nh.svelte-1ux16nh {
    width: 242px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    font-size: 12px;
    color: #292C32
}

.container.svelte-1ux16nh .header.svelte-1ux16nh {
    position: absolute;
    right: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 5px
}

.container.svelte-1ux16nh .header .close-icon.svelte-1ux16nh {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/close.svg");
    height: 19px;
    width: 19px
}

.container.svelte-1ux16nh .header .close-icon.svelte-1ux16nh:hover {
    background-color: #f2f4f7
}

.dl-container-menu.svelte-feu83h.svelte-feu83h {
    position: relative
}

.dl-container-menu.svelte-feu83h .dl-menu-icon-wrapper.svelte-feu83h {
    display: flex;
    align-items: center
}

.dl-container-menu.svelte-feu83h .divider.svelte-feu83h {
    border-bottom: 1px solid #dde2e7
}

.dl-container-menu.svelte-feu83h .dl-menu-icon.svelte-feu83h {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out
}

.dl-container-menu.svelte-feu83h .dl-menu-icon.svelte-feu83h:hover {
    background-color: #f2f4f7
}

.dl-container-menu.svelte-feu83h .dl-menu-icon.isOpen.svelte-feu83h {
    background-color: #f2f4f7
}

.dl-container-menu.svelte-feu83h .dl-menu-icon--hamburger.svelte-feu83h {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/menu-icon.svg")
}

.dl-container-menu.svelte-feu83h .dl-menu-icon--user.svelte-feu83h {
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/userpic.svg")
}

.dl-container-menu.svelte-feu83h .dl-menu-list.svelte-feu83h {
    z-index: 1999999999;
    position: absolute;
    top: 32px;
    right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #dae1e8;
    border-radius: 4px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    color: #292C32
}

.dl-container-menu.svelte-feu83h .dl-menu-item.svelte-feu83h {
    padding: 10px 16px 10px 16px;
    font-size: 13px;
    line-height: 17.7px;
    width: 130px;
    cursor: pointer
}

.dl-container-menu.svelte-feu83h .dl-menu-item.svelte-feu83h:hover {
    background-color: #f2f4f7
}

.dl-container-menu.svelte-feu83h .dl-menu-item--divider.svelte-feu83h {
    pointer-events: none;
    padding-block:0}

.dl-container-menu.svelte-feu83h .dl-menu-link.svelte-feu83h {
    display: flex;
    align-items: flex-start;
    color: #292C32;
    text-decoration: none
}

.dl-container-menu.svelte-feu83h .dl-feedback-icon.svelte-feu83h {
    height: 16px;
    width: 16px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("chrome-extension://cofdbpoegempjloogbagkncekinflcnj/images/buttons/external-link.svg")
}