@charset "utf-8";

.wt-sky-reader__settings { position: fixed; top: 140px; right: 65px; padding: 20px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 12px 0px; border: 2px solid; }

.wt-sky-reader__settings::after, .wt-sky-reader__settings::before { left: 100%; top: 40px; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.wt-sky-reader__settings::after { border-width: 5px; margin-top: -5px; }

.wt-sky-reader__settings::before { border-width: 8px; margin-top: -8px; }

.wt-sky-reader__settings-font { display: flex; margin-bottom: 25px; }

.wt-sky-reader__settings-font-item { width: 115px; height: 77px; border-radius: 4px; border: 1px solid; margin-right: 10px; box-sizing: border-box; padding: 12px 0px; text-align: center; line-height: 1.4; position: relative; cursor: pointer; }

.wt-sky-reader__settings-font-item::before { content: "Aa"; text-align: center; width: 100%; display: block; font-size: 30px; height: 40px; }

.wt-sky-reader__settings-font-item--active::after { content: ""; height: 4px; border-radius: 4px; background-color: rgb(93, 156, 236); display: inline-block; width: 115px; position: absolute; bottom: -8px; left: 0px; }

.wt-sky-reader__settings-font-item--sans-serif { font-family: "Open Sans", sans-serif; font-size: 13px; }

.wt-sky-reader__settings-font-item--serif { font-family: Georgia, "Times New Roman", serif; font-size: 14px; }

.wt-sky-reader__settings-size { display: flex; margin-bottom: 15px; }

.wt-sky-reader__settings-size-button { width: 36px; height: 36px; border-radius: 4px; border: 1px solid; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat; background-size: 16px; }

.wt-sky-reader__settings-size-button--minus { border-radius: 4px 0px 0px 4px; background-position: 9px 14px; }

.wt-sky-reader__settings-size-button--plus { border-radius: 0px 4px 4px 0px; background-position: 9px -13px; }

.wt-sky-reader__settings-size-button--disabled { cursor: default; }

.wt-sky-reader__settings-size-button--disabled:active { box-shadow: none !important; }

.wt-sky-reader__settings-size-value { font-size: 14px; text-align: center; width: 170px; height: 36px; line-height: 36px; border-top: 1px solid; border-bottom: 1px solid; box-sizing: border-box; }

.wt-sky-reader__settings-skin { display: flex; margin-bottom: 35px; }

.wt-sky-reader__settings-skin-item { width: 76px; height: 36px; border-radius: 4px; border: 1px solid; box-sizing: border-box; margin-right: 7px; padding-top: 7px; padding-bottom: 10px; text-align: center; font-size: 14px; cursor: pointer; position: relative; line-height: 1.5; }

.wt-sky-reader__settings-skin-item--active::after { content: ""; height: 4px; border-radius: 4px; background-color: rgb(93, 156, 236); display: inline-block; width: 76px; position: absolute; bottom: -8px; left: 0px; }

.wt-sky-reader__settings-translation { padding-left: 1px; }

.wt-sky-reader__settings-translation-head { font-size: 14px; font-weight: 600; line-height: 1.43; }

.wt-sky-reader__settings-translation-label { display: block; font-size: 14px; line-height: 1.57; color: rgb(91, 70, 54); }

.wt-sky-reader__settings-translation-radio { margin: 0px 7px 0px 0px; }