https://www.geico.com/_next/static/chunks/gds-gds-spinner-js.1ce81ec0eed528f9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79578],{23003:(e,i,t)=>{t.r(i),t.d(i,{GdsSpinner:()=>p});var n=t(98314),a=t(24291),r=t(85065),s=t(40629),o=t(11598),l=(0,s.b)`
2  :host {
3    display: inline-block;
4  }
5
6  :host([visible]) .fade-in {
7    opacity: 1;
8  }
9
10  :host([visible]) .spinner {
11    width: var(--loader-inline-width);
12    height: var(--loader-inline-height);
13    border-radius: 50%;
14    border: var(--spinner-border-style);
15    animation:
16      spinner-animation-1 0.6s infinite ease-in-out alternate,
17      spinner-animation-2 1.2s infinite ease-in-out;
18  }
19
20  :host([visible][size="small"]) .spinner {
21    width: var(--loader-inline-small-width);
22    height: var(--loader-inline-small-height);
23    border-radius: 50%;
24    border: var(--spinner-border-style);
25    animation:
26      spinner-animation-1 0.4s infinite ease-in-out alternate,
27      spinner-animation-2 0.8s infinite ease-in-out;
28  }
29
30  @keyframes rotate {
31    0% {
32      transform: rotate(0deg);
33    }
34    100% {
35      transform: rotate(360deg);
36    }
37  }
38
39  @keyframes fadeAnimation {
40    0% {
41      opacity: 1;
42    }
43    50% {
44      opacity: 0;
45    }
46    100% {
47      opacity: 1;
48    }
49  }
50
51  @keyframes spinner-animation-1 {
52    0% {
53      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
54    }
55
56    12.5% {
57      clip-path: polygon(
58        50% 50%,
59        0 0,
60        50% 0%,
61        100% 0%,
62        100% 0%,
63        100% 0%,
64        100% 0%
65      );
66    }
67
68    25% {
69      clip-path: polygon(
70        50% 50%,
71        0 0,
72        50% 0%,
73        100% 0%,
74        100% 100%,
75        100% 100%,
76        100% 100%
77      );
78    }
79
80    50% {
81      clip-path: polygon(
82        50% 50%,
83        0 0,
84        50% 0%,
85        100% 0%,
86        100% 100%,
87        50% 100%,
88        0% 100%
89      );
90    }
91
92    62.5% {
93      clip-path: polygon(
94        50% 50%,
95        100% 0,
96        100% 0%,
97        100% 0%,
98        100% 100%,
99        50% 100%,
100        0% 100%
101      );
102    }
103
104    75% {
105      clip-path: polygon(
106        50% 50%,
107        100% 100%,
108        100% 100%,
109        100% 100%,
110        100% 100%,
111        50% 100%,
112        0% 100%
113      );
114    }
115
116    100% {
117      clip-path: polygon(
118        50% 50%,
119        50% 100%,
120        50% 100%,
121        50% 100%,
122        50% 100%,
123        50% 100%,
124        0% 100%
125      );
126    }
127  }
128
129  @keyframes spinner-animation-2 {
130    0% {
131      transform: scaleY(1) rotate(0deg);
132    }
133
134    49.99% {
135      transform: scaleY(1) rotate(135deg);
136    }
137
138    50% {
139      transform: scaleY(-1) rotate(0deg);
140    }
141
142    100% {
143      transform: scaleY(-1) rotate(-135deg);
144    }
145  }
146`,p=class extends s.g{constructor(){super(...arguments),this.size="default",this.visible=!1}render(){return(0,s.c)` <div class="spinner"></div> `}connectedCallback(){super.connectedCallback();let e=new CSSStyleSheet;e.replaceSync(l.cssText),this.shadowRoot.adoptedStyleSheets=[n.g,e]}firstUpdated(e){super.firstUpdated(e)}disconnectedCallback(){super.disconnectedCallback()}};(0,o.c)([(0,a.b)({type:String,reflect:!0})],p.prototype,"size",2),(0,o.c)([(0,a.b)({type:Boolean,reflect:!0})],p.prototype,"visible",2),p=(0,o.c)([(0,r.a)("gds-spinner")],p),t(8802)}}]);