1 line
No EOL
7.6 KiB
CSS
1 line
No EOL
7.6 KiB
CSS
:root{--pss-width:672px;--pss-popup-min-height:210px;--pss-popup-max-height:576px;--pss-popup-input-height:70px;--pss-border-radius:4px;--pss-spacing:20px;--pss-font-base-size:15px;--pss-font-family:inherit;--pss-results-title-font-weight:500;--pss-results-excerpt-line-height:1.2;--pss-bg:#fff;--pss-overlay:rgba(184,186,193,0.9);--pss-border-color:#e7e8ea;--pss-color:#0079f2;--pss-msg-text-color:#6A7082;--pss-input-bg:#fff;--pss-input-text-color:#32353e;--pss-input-placeholder-color:#7f8596;--pss-button-close-bg:#6A7082;--pss-button-close-color:#fff;--pss-results-title-color:#32353e;--pss-results-title-color-hover:#fff;--pss-results-excerpt-color:#6A7082;--pss-results-excerpt-color-hover:#fff;--pss-results-icon-color:#969faf;--pss-results-icon-color-hover:#fff;--pss-results-highlight-bg:#0079f2}@media (prefers-color-scheme:dark){:root{--pss-bg:#191a1f;--pss-overlay:rgba(10,10,12,0.8);--pss-border-color:#2A2B34;--pss-color:#1089ff;--pss-msg-text-color:#7f8596;--pss-input-bg:#191a1f;--pss-input-text-color:#d9d9e0;--pss-input-placeholder-color:#7f8596;--pss-button-close-bg:#393A47;--pss-button-close-color:#fff;--pss-results-title-color:#d9d9e0;--pss-results-title-color-hover:#fff;--pss-results-excerpt-color:#8c8ea3;--pss-results-excerpt-color-hover:#fff;--pss-results-icon-color:#7f8596;--pss-results-icon-color-hover:#fff;--pss-results-highlight-bg:#1089ff}}.pss-results{background:var(--pss-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000000}.pss-results.is-hidden{display:none}.pss-results.is-loading{opacity:0.25}.pss-results *,.pss-results:after,.pss-results:before{-webkit-animation:none;animation:none;background:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;float:none;font-style:normal;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1;font-size:1em;margin:0;outline:none;padding:0;text-transform:none;letter-spacing:unset;visibility:unset;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;text-decoration:none;text-align:left}.pss-results__wrapper{background:var(--pss-bg);font-family:var(--pss-font-family);font-size:var(--pss-font-base-size);height:100vh;max-height:100%;max-width:100%;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:0;width:100%;z-index:100000001;position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}@media (min-width:42em){.pss-results__wrapper{border-radius:calc(var(--pss-border-radius) * 1.5);-webkit-box-shadow:0 0.1em 0.875em rgba(35,35,52,0.28);box-shadow:0 0.1em 0.875em rgba(35,35,52,0.28);height:auto;max-height:var(--pss-popup-max-height);min-height:var(--pss-popup-min-height);max-width:var(--pss-width);top:50px}}.pss-results__searchbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--pss-input-bg);-webkit-box-shadow:0 1px 0 0 var(--pss-border-color);box-shadow:0 1px 0 0 var(--pss-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 var(--pss-spacing);position:relative}.pss-results__searchbar input[type=search]{background-color:var(--pss-input-bg);border:none;color:var(--pss-input-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.333em;height:var(--pss-popup-input-height);padding:0 var(--pss-spacing) 0 calc(var(--pss-spacing) * 2);width:100%}.pss-results__searchbar input[type=search]::-webkit-input-placeholder{color:var(--pss-input-placeholder-color);opacity:1}.pss-results__searchbar input[type=search]::-moz-placeholder{color:var(--pss-input-placeholder-color);opacity:1}.pss-results__searchbar input[type=search]:-ms-input-placeholder{color:var(--pss-input-placeholder-color);opacity:1}.pss-results__searchbar input[type=search]::-ms-input-placeholder{color:var(--pss-input-placeholder-color);opacity:1}.pss-results__searchbar input[type=search]::placeholder{color:var(--pss-input-placeholder-color);opacity:1}.pss-results__searchbar input[type=search]:focus,.pss-results__searchbar input[type=search]:hover{-webkit-box-shadow:0 1px 0 0 var(--pss-border-color);box-shadow:0 1px 0 0 var(--pss-border-color);color:var(--pss-input-text-color)}.pss-results__searchbar input[type=search]:focus::-webkit-input-placeholder{color:var(--pss-input-placeholder-color)!important;opacity:1}.pss-results__searchbar input[type=search]:focus::-moz-placeholder{color:var(--pss-input-placeholder-color)!important;opacity:1}.pss-results__searchbar input[type=search]:focus:-ms-input-placeholder{color:var(--pss-input-placeholder-color)!important;opacity:1}.pss-results__searchbar input[type=search]:focus::-ms-input-placeholder{color:var(--pss-input-placeholder-color)!important;opacity:1}.pss-results__searchbar input[type=search]:focus::placeholder{color:var(--pss-input-placeholder-color)!important;opacity:1}input[type=search]:focus+.pss-results__searchbar__icon{fill:var(--pss-color)}.pss-results__searchbar__icon{fill:var(--pss-input-placeholder-color);position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.pss-results__searchbar button{background:var(--pss-button-close-bg);border:none;border-radius:var(--pss-border-radius);-webkit-box-shadow:none;box-shadow:none;color:var(--pss-button-close-color);display:block;font-size:0.933em;font-weight:400;height:auto;margin:0;overflow:unset;padding:8px;text-transform:none;visibility:visible;width:auto}@media (min-width:42em){.pss-results__searchbar button{display:none;visibility:hidden}}.pss-results__searchbar button:active,.pss-results__searchbar button:focus,.pss-results__searchbar button:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;border:none}.pss-results__list{height:100%;list-style-type:none;margin:var(--pss-spacing) 0;padding:0 var(--pss-spacing);overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none;position:relative}@media (min-width:42em){.pss-results__list{height:100%;max-height:calc(var(--pss-popup-max-height) - var(--pss-popup-input-height) - var(--pss-spacing) * 2)}}.pss-results__list.is-scrolled>li{pointer-events:none}.pss-results__list__link{border-radius:var(--pss-border-radius);display:-ms-grid;display:grid;-ms-grid-columns:24px calc(var(--pss-spacing) / 2) 1fr;grid-template-columns:24px 1fr;gap:calc(var(--pss-spacing) / 3) calc(var(--pss-spacing) / 2);padding:calc(var(--pss-spacing) / 1.5) 0;-webkit-transition:all 0.14s ease-out;transition:all 0.14s ease-out}@media (min-width:42em){.pss-results__list__link{padding:calc(var(--pss-spacing) / 1.5) calc(var(--pss-spacing) / 2)}}.pss-results__list__link svg{display:inline-block;fill:var(--pss-results-icon-color);-webkit-transition:all 0.14s ease-out;transition:all 0.14s ease-out}@media (min-width:42em){.pss-results__list__link:hover{background-color:var(--pss-results-highlight-bg);color:white}.pss-results__list__link:hover .pss-results__list__title{color:var(--pss-results-title-color-hover)}.pss-results__list__link:hover .pss-results__list__text{color:var(--pss-results-excerpt-color-hover)}.pss-results__list__link:hover svg{fill:var(--pss-results-icon-color-hover)}}.pss-results__list__title{color:var(--pss-results-title-color);display:block;font-size:1em;font-weight:var(--pss-results-title-font-weight);line-height:1.3}.pss-results__list__text{color:var(--pss-results-excerpt-color);font-size:0.933em;-ms-grid-column:2;grid-column:2;line-height:var(--pss-results-excerpt-line-height)}.pss-results__msg{color:var(--pss-msg-text-color);font-size:0.933em;left:50%;position:absolute;top:calc(50% + var(--pss-popup-input-height) / 2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} |