p.css

#translate-panel{background-color:#f5f8fa;display:flex;flex-direction:column;padding-bottom:8px}.bp3-dark #translate-panel{background-color:#293742}#translate-panel .fixed{flex-shrink:0;margin-bottom:10px}#translate-panel .body{flex-grow:1;overflow:auto;overscroll-behavior:contain}#translate-panel .body::-webkit-scrollbar{background-color:transparent;-webkit-border-radius:100px;width:8px}#translate-panel .body::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}#translate-panel .body::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);-webkit-border-radius:100px}#translate-panel.size-small,#translate-panel.size-small .bp3-control.bp3-large,#translate-panel.size-small h6.bp3-heading,#translate-panel.size-small textarea.bp3-input.bp3-small{font-size:14px}#translate-panel.size-small .phonetic-item,#translate-panel.size-small .quick-settings a{font-size:12px}#translate-panel.size-middle,#translate-panel.size-middle .bp3-control.bp3-large,#translate-panel.size-middle h6.bp3-heading,#translate-panel.size-middle textarea.bp3-input{font-size:18px}#translate-panel.size-middle .phonetic-item,#translate-panel.size-middle .quick-settings a{font-size:14px}#translate-panel.size-large,#translate-panel.size-large .bp3-control.bp3-large,#translate-panel.size-large h6.bp3-heading,#translate-panel.size-large textarea.bp3-input.bp3-large{font-size:22px}#translate-panel.size-large .phonetic-item,#translate-panel.size-large .quick-settings a,#translate-panel.size-large .source{font-size:18px}#translate-panel .bp3-button.bp3-small,#translate-panel .bp3-small .bp3-button{min-height:20px;min-width:20px}#translate-panel .header{align-items:center;border-bottom:1px solid #d1d1d1;display:flex;padding:4px 6px 4px 10px}.bp3-dark #translate-panel .header{border-bottom-color:rgba(16,22,26,.4)}#translate-panel .header .drag-block{align-self:stretch;flex-grow:1;flex-shrink:0;min-width:5px}#translate-panel .header .left{display:flex;flex-shrink:0}#translate-panel .header .right{align-items:center;display:flex;flex-shrink:0}#translate-panel .header .right .bp3-icon-arrow-right{flex-shrink:0;margin:0 5px}#translate-panel .header .right>.bp3-button{flex-shrink:0;margin:0 1px}#translate-panel .header .right>.bp3-button:last-child{margin-right:0}#translate-panel .quick-settings{margin:0 1px;padding:4px 9px}#translate-panel .quick-settings>div{margin-bottom:5px}#translate-panel .quick-settings .bp3-control{margin-bottom:0}#translate-panel .query-text{padding:10px 10px 2px;position:relative}#translate-panel .query-text textarea.bp3-input{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;min-height:44px;overscroll-behavior:contain}#translate-panel .query-text .translate-btn{opacity:.6;position:absolute}#translate-panel .query-text .translate-btn:hover{opacity:1}#translate-panel .body{padding:0 10px}#translate-panel .body .bp3-card:first-child{margin-top:1px}#translate-panel .body .bp3-card:last-child{margin-bottom:1px}#translate-panel .body .no-api{margin:20px 0}.result-block{margin:8px 0;padding:2px 5px}.result-block .bp3-button{visibility:hidden}.result-block .error .bp3-button,.result-block:hover .bp3-button{visibility:visible}.result-block .legend{justify-content:space-between}.result-block .legend,.result-block .legend .legend-left{align-items:center;display:flex}.result-block .legend .api-ico,.result-block .legend .bp3-heading{flex-shrink:0;white-space:nowrap}.result-block .legend .api-ico{background-size:contain;display:inline-block;height:14px;margin-right:3px;width:14px}.result-block .legend .bp3-heading{margin-bottom:0;margin-right:10px}.result-block .legend .source{align-items:center;cursor:pointer;display:inline-flex;font-size:12px}.result-block .legend .source .source-text{overflow:hidden}.result-block .legend .source .bp3-icon{margin-left:1px;position:relative;top:-1px}.result-block .phonetic{display:flex;flex-wrap:wrap}.result-block .phonetic .phonetic-item{align-items:center;display:flex;font-size:12px}.result-block .phonetic .phonetic-item:not(:last-child){margin-right:12px}.result-block .common-result p{line-height:1.3;margin:2px 0;overflow-wrap:break-word}.result-block .common-result .dict a{text-decoration:underline}.result-block .error{font-size:12px;padding:5px 10px}.result-block .dict-pos{margin-right:5px}.external-translators{display:flex;flex-wrap:wrap;margin-bottom:3px;padding:0}.external-translators>div,.quick-links a{margin:0 5px 5px 0}.ask-clipboard-checkbox,.ask-clipboard-checkbox .bp3-control-indicator{font-size:12px}.ask-clipboard-checkbox .bp3-control-indicator{margin-right:5px}body{background-color:#f5f8fa;width:300px}body.bp3-dark{background-color:#293742}body .url-actions{display:flex;justify-content:space-between}#translate-panel{min-height:400px}#translate-panel .header{padding-top:3px}.openBtn{padding:0 8px}.openBtn .bp3-button:not(:last-child){margin-right:10px}