@use "colors.scss";
/*
Tipue Search 6.1
Copyright (c) 2017 Tipue
Tipue Search is released under the MIT License
http://www.tipue.com/search
*/
/* fonts */
#tipue_search_input, #tipue_search_foot_boxes { font: 300 14px/1 var(--font-sans); }

#tipue_search_results_count, #tipue_search_warning, .tipue_search_content_url, .tipue_search_content_debug, .tipue_search_related_text { font: 300 14px/1.7 var(--font-sans); }

.tipue_search_content_title { font: 100 2em/1.7 var(--font-sans); }

.tipue_search_content_text, .tipue_search_related_title { font: 300 15px/1.7 var(--font-sans); }

.tipue_search_content_bold, .tipue_search_related_bold { font-weight: 400; }

/* search box */
#tipue_search_input { color: light-dark(oklch(0.3211 0 0), oklch(0.6789 0 0)); max-width: 210px; padding: 17px; border: 1px solid #e3e3e3; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; box-shadow: none; outline: 0; margin: 0; }

.tipue_search_icon { width: 24px; height: 24px; }

.tipue_search_left { float: left; padding: 15px 9px 0 0; }

.tipue_search_right { float: left; }

/* search results */
#tipue_search_content { max-width: 750px; padding-top: 15px; margin: 0; }

#tipue_search_results_count { color: #333; }

#tipue_search_warning { color: #333; margin: 7px 0; }

#tipue_search_warning a { color: #5396ea; text-decoration: none; }

#tipue_search_warning a:hover { color: #555; }

.tipue_search_content_title { color: #666; margin-top: 21px; }

.tipue_search_content_title a { color: #666; text-decoration: none; }

.tipue_search_content_title a:hover { color: #666; }

.tipue_search_content_url { word-wrap: break-word; hyphens: auto; }

.tipue_search_content_url a, .tipue_search_related_text a { color: #5396ea; text-decoration: none; }

.tipue_search_content_url a:hover, .tipue_search_related_text a:hover, .tipue_search_related_before, .tipue_search_related_after { color: #555; }

.tipue_search_content_text { color: #333; word-wrap: break-word; hyphens: auto; margin-top: 5px; }

.tipue_search_content_bold { color: #333; }

.tipue_search_content_debug { color: #333; margin: 5px 0; }

.tipue_search_related_title { color: #333; margin: 26px 0 7px 0; }

.tipue_search_related_cols { -webkit-columns: 230px 2; -moz-columns: 230px 2; columns: 230px 2; }

#tipue_search_foot { margin: 51px 0 21px 0; }

#tipue_search_foot_boxes { padding: 0; margin: 0; cursor: pointer; }

#tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; }

#tipue_search_foot_boxes li a { padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; }

#tipue_search_foot_boxes li.current { padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e3e3e3; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; }

#tipue_search_foot_boxes li a:hover { background: #f6f6f6; }

/* spinner */
.tipue_search_spinner { width: 50px; height: 28px; }

.tipue_search_spinner > div { background-color: #e3e3e3; height: 100%; width: 2px; display: inline-block; margin-right: 2px; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }

.tipue_search_spinner .tipue_search_rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.tipue_search_spinner .tipue_search_rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
  20% { -webkit-transform: scaleY(1); } }
@keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
  20% { transform: scaleY(1); -webkit-transform: scaleY(1); } }