* {
--tw-shadow: 0 0 #0000;
}
* {
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@-webkit-keyframes bounce {
0%, 100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.mode-wrapper {
display: grid;
margin-left: auto;
margin-right: auto;
width: 100%;
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.mode-wrapper {
width: 66.666667%;
}
}
@media (min-width: 1536px) {
.mode-wrapper {
width: 33.333333%;
}
}
.mode-wrapper .btn {
border-radius: 0.125rem;
cursor: pointer;
padding: 1rem;
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 300ms;
transition-delay: 75ms
}
.warranty-wrapper {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
}
@media (min-width: 768px) {
.warranty-wrapper {
width: 66.666667%;
}
}
@media (min-width: 1536px) {
.warranty-wrapper {
width: 33.333333%;
}
}
.warranty-wrapper div {
display: flex;
flex-direction: column;
height: 2rem;
margin-bottom: 2rem;
position: relative
}
.warranty-wrapper div#msg {
height: auto;
}
.warranty-wrapper div#msg .success {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
border-radius: 0.5rem;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
text-align: center;
--tw-text-opacity: 1;
color: rgba(236, 253, 245, var(--tw-text-opacity));
width: 100%
}
.warranty-wrapper div#msg .error {
--tw-bg-opacity: 1;
background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
border-radius: 0.5rem;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 251, 235, var(--tw-text-opacity));
width: 100%
}
.warranty-wrapper .lookup-result {
border-radius: 0.5rem;
display: block;
line-height: 2rem;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.warranty-wrapper .lookup-result#ok {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
--tw-text-opacity: 1;
color: rgba(236, 253, 245, var(--tw-text-opacity))
}
.warranty-wrapper .lookup-result#fail {
--tw-bg-opacity: 1;
background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
--tw-text-opacity: 1;
color: rgba(255, 251, 235, var(--tw-text-opacity))
}
.warranty-wrapper .btn-back {
--tw-bg-opacity: 1;
background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
border-radius: 0.25rem;
cursor: pointer;
height: 100%;
padding: 0.25rem;
position: absolute;
--tw-text-opacity: 1;
color: rgba(254, 202, 202, var(--tw-text-opacity));
z-index: 10;
}
.warranty-wrapper .msg-back {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
border-radius: 0.25rem;
height: 100%;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
position: absolute;
top: 0px;
text-align: center;
width: 100%;
}
.warranty-wrapper form {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
.warranty-wrapper form input[type="text"] {
border-radius: 0.25rem;
border-style: none;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
margin-bottom: 1rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
text-align: left;
text-align: right;
width: 100%;
}
.warranty-wrapper form button[type="submit"] {
border-color: transparent;
border-radius: 0.25rem;
cursor: pointer;
font-size: 1.25rem;
line-height: 1.75rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
}
.warranty-wrapper form button[type="submit"]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.warranty-wrapper form button[type="submit"] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.warranty-wrapper form button[type="submit"]:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 0.75;
}
.warranty-wrapper form button[type="submit"] {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 80%;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 200ms;
transition-delay: 75ms;
}
.warranty-wrapper form button #registering {
cursor: wait;
height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 1.25rem;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite
}
.warranty-wrapper form circle {
opacity: 0.25
}
.warranty-wrapper form button[disabled], .warranty-wrapper form path {
cursor: not-allowed;
opacity: 0.75;
}
.warranty-wrapper .btn-green, .mode-wrapper .btn-green {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-green:hover, .mode-wrapper .btn-green:hover {
--tw-bg-opacity: 1;
background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-green:focus, .mode-wrapper .btn-green:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}
.warranty-wrapper .btn-indigo, .mode-wrapper .btn-indigo {
--tw-bg-opacity: 1;
background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-indigo:hover, .mode-wrapper .btn-indigo:hover {
--tw-bg-opacity: 1;
background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-indigo:focus, .mode-wrapper .btn-indigo:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1536px) {
}* {
--tw-shadow: 0 0 #0000;
}
* {
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@-webkit-keyframes bounce {
0%, 100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.mode-wrapper {
display: grid;
margin-left: auto;
margin-right: auto;
width: 100%;
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.mode-wrapper {
width: 66.666667%;
}
}
@media (min-width: 1536px) {
.mode-wrapper {
width: 33.333333%;
}
}
.mode-wrapper .btn {
border-radius: 0.125rem;
cursor: pointer;
padding: 1rem;
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 300ms;
transition-delay: 75ms
}
.warranty-wrapper {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
}
@media (min-width: 768px) {
.warranty-wrapper {
width: 66.666667%;
}
}
@media (min-width: 1536px) {
.warranty-wrapper {
width: 33.333333%;
}
}
.warranty-wrapper div {
display: flex;
flex-direction: column;
height: 2rem;
margin-bottom: 2rem;
position: relative
}
.warranty-wrapper div#msg {
height: auto;
}
.warranty-wrapper div#msg .success {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
border-radius: 0.5rem;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
text-align: center;
--tw-text-opacity: 1;
color: rgba(236, 253, 245, var(--tw-text-opacity));
width: 100%
}
.warranty-wrapper div#msg .error {
--tw-bg-opacity: 1;
background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
border-radius: 0.5rem;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 251, 235, var(--tw-text-opacity));
width: 100%
}
.warranty-wrapper .lookup-result {
border-radius: 0.5rem;
display: block;
line-height: 2rem;
padding: 0.5rem;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.warranty-wrapper .lookup-result#ok {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(5, 150, 105, var(--tw-ring-opacity));
--tw-text-opacity: 1;
color: rgba(236, 253, 245, var(--tw-text-opacity))
}
.warranty-wrapper .lookup-result#fail {
--tw-bg-opacity: 1;
background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity));
--tw-text-opacity: 1;
color: rgba(255, 251, 235, var(--tw-text-opacity))
}
.warranty-wrapper .btn-back {
--tw-bg-opacity: 1;
background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
border-radius: 0.25rem;
cursor: pointer;
height: 100%;
padding: 0.25rem;
position: absolute;
--tw-text-opacity: 1;
color: rgba(254, 202, 202, var(--tw-text-opacity));
z-index: 10;
}
.warranty-wrapper .msg-back {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
border-radius: 0.25rem;
height: 100%;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
position: absolute;
top: 0px;
text-align: center;
width: 100%;
}
.warranty-wrapper form {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
.warranty-wrapper form input[type="text"] {
border-radius: 0.25rem;
border-style: none;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
margin-bottom: 1rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
text-align: left;
text-align: right;
width: 100%;
}
.warranty-wrapper form button[type="submit"] {
border-color: transparent;
border-radius: 0.25rem;
cursor: pointer;
font-size: 1.25rem;
line-height: 1.75rem;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
}
.warranty-wrapper form button[type="submit"]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.warranty-wrapper form button[type="submit"] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.warranty-wrapper form button[type="submit"]:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 0.75;
}
.warranty-wrapper form button[type="submit"] {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 80%;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 200ms;
transition-delay: 75ms;
}
.warranty-wrapper form button #registering {
cursor: wait;
height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
width: 1.25rem;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite
}
.warranty-wrapper form circle {
opacity: 0.25
}
.warranty-wrapper form button[disabled], .warranty-wrapper form path {
cursor: not-allowed;
opacity: 0.75;
}
.warranty-wrapper .btn-green, .mode-wrapper .btn-green {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-green:hover, .mode-wrapper .btn-green:hover {
--tw-bg-opacity: 1;
background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-green:focus, .mode-wrapper .btn-green:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}
.warranty-wrapper .btn-indigo, .mode-wrapper .btn-indigo {
--tw-bg-opacity: 1;
background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-indigo:hover, .mode-wrapper .btn-indigo:hover {
--tw-bg-opacity: 1;
background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
}
.warranty-wrapper .btn-indigo:focus, .mode-wrapper .btn-indigo:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(49, 46, 129, var(--tw-ring-opacity));
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1536px) {
}