1.wp-block-search__button{
2 margin-right:10px;
3 word-break:normal;
4}
5.wp-block-search__button.has-icon{
6 line-height:0;
7}
8.wp-block-search__button svg{
9 height:1.25em;
10 min-height:24px;
11 min-width:24px;
12 width:1.25em;
13 fill:currentColor;
14 vertical-align:text-bottom;
15}
16
17:where(.wp-block-search__button){
18 border:1px solid #ccc;
19 padding:6px 10px;
20}
21
22.wp-block-search__inside-wrapper{
23 display:flex;
24 flex:auto;
25 flex-wrap:nowrap;
26 max-width:100%;
27}
28
29.wp-block-search__label{
30 width:100%;
31}
32
33.wp-block-search.wp-block-search__button-only .wp-block-search__button{
34 box-sizing:border-box;
35 display:flex;
36 flex-shrink:0;
37 justify-content:center;
38 margin-right:0;
39 max-width:100%;
40}
41.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
42 min-width:0 !important;
43 transition-property:width;
44}
45.wp-block-search.wp-block-search__button-only .wp-block-search__input{
46 flex-basis:100%;
47 transition-duration:.3s;
48}
49.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{
50 overflow:hidden;
51}
52.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{
53 border-left-width:0 !important;
54 border-right-width:0 !important;
55 flex-basis:0;
56 flex-grow:0;
57 margin:0;
58 min-width:0 !important;
59 padding-left:0 !important;
60 padding-right:0 !important;
61 width:0 !important;
62}
63
64:where(.wp-block-search__input){
65 appearance:none;
66 border:1px solid #949494;
67 flex-grow:1;
68 font-family:inherit;
69 font-size:inherit;
70 font-style:inherit;
71 font-weight:inherit;
72 letter-spacing:inherit;
73 line-height:inherit;
74 margin-left:0;
75 margin-right:0;
76 min-width:3rem;
77 padding:8px;
78 text-decoration:unset !important;
79 text-transform:inherit;
80}
81
82:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
83 background-color:#fff;
84 border:1px solid #949494;
85 box-sizing:border-box;
86 padding:4px;
87}
88:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
89 border:none;
90 border-radius:0;
91 padding:0 4px;
92}
93:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{
94 outline:none;
95}
96:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){
97 padding:4px 8px;
98}
99
100.wp-block-search.aligncenter .wp-block-search__inside-wrapper{
101 margin:auto;
102}
103
104.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
105 float:left;
106}