Bootstrap 4.6.0 and dependencies update (final BS4 update)

This commit is contained in:
David Miller
2021-04-28 21:20:00 -04:00
parent 7101b1ba1b
commit 32c4bb5b8a
1728 changed files with 12842 additions and 4060 deletions

View File

@@ -1,13 +1,13 @@
/*!
* Start Bootstrap - SB Admin 2 v4.1.3 (https://startbootstrap.com/theme/sb-admin-2)
* Copyright 2013-2020 Start Bootstrap
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin-2/blob/master/LICENSE)
*/
/*!
* Bootstrap v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
@@ -234,9 +234,8 @@ button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
button:focus:not(:focus-visible) {
outline: 0;
}
input,
@@ -2061,6 +2060,11 @@ textarea.form-control {
border-radius: 0.35rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
@@ -2090,7 +2094,7 @@ textarea.form-control {
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #1cc88a;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
@@ -2162,6 +2166,11 @@ textarea.form-control {
border-radius: 0.35rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
@@ -2191,7 +2200,7 @@ textarea.form-control {
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #e74a3b;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74a3b' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74a3b' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
@@ -3192,7 +3201,7 @@ input[type="button"].btn-block {
.dropdown-item:hover, .dropdown-item:focus {
color: #2e2f37;
text-decoration: none;
background-color: #f8f9fc;
background-color: #eaecf4;
}
.dropdown-item.active, .dropdown-item:active {
@@ -3202,7 +3211,7 @@ input[type="button"].btn-block {
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #858796;
color: #b7b9cc;
pointer-events: none;
background-color: transparent;
}
@@ -3389,12 +3398,6 @@ input[type="button"].btn-block {
z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
@@ -3407,14 +3410,23 @@ input[type="button"].btn-block {
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-prepend,
@@ -3514,8 +3526,10 @@ input[type="button"].btn-block {
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
@@ -3611,7 +3625,7 @@ input[type="button"].btn-block {
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50% / 50% 50%;
background: 50% / 50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
@@ -3697,7 +3711,7 @@ input[type="button"].btn-block {
line-height: 1.5;
color: #6e707e;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
border: 1px solid #d1d3e2;
border-radius: 0.35rem;
-webkit-appearance: none;
@@ -3766,6 +3780,7 @@ input[type="button"].btn-block {
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
@@ -3795,6 +3810,7 @@ input[type="button"].btn-block {
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #6e707e;
@@ -3831,7 +3847,7 @@ input[type="button"].btn-block {
}
.custom-range:focus {
outline: none;
outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
@@ -4024,11 +4040,8 @@ input[type="button"].btn-block {
border-bottom: 1px solid #dddfeb;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
@@ -4168,8 +4181,12 @@ input[type="button"].btn-block {
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
background: 50% / 100% 100% no-repeat;
}
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto;
}
@media (max-width: 575.98px) {
@@ -4199,6 +4216,9 @@ input[type="button"].btn-block {
.navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
@@ -4235,6 +4255,9 @@ input[type="button"].btn-block {
.navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
@@ -4271,6 +4294,9 @@ input[type="button"].btn-block {
.navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
@@ -4307,6 +4333,9 @@ input[type="button"].btn-block {
.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
@@ -4345,6 +4374,10 @@ input[type="button"].btn-block {
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
@@ -4693,16 +4726,12 @@ input[type="button"].btn-block {
border-radius: 0.35rem;
}
.breadcrumb-item {
display: flex;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
float: left;
padding-right: 0.5rem;
color: #858796;
content: "/";
@@ -5180,8 +5209,8 @@ a.badge-dark:focus, a.badge-dark.focus {
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite;
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
@@ -6218,7 +6247,7 @@ a.close.disabled {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%;
background: 50% / 100% 100% no-repeat;
}
.carousel-control-prev-icon {
@@ -6302,8 +6331,8 @@ a.close.disabled {
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
@@ -6340,8 +6369,8 @@ a.close.disabled {
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite;
-webkit-animation: .75s linear infinite spinner-grow;
animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
@@ -6349,6 +6378,14 @@ a.close.disabled {
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
}
.align-baseline {
vertical-align: baseline !important;
}
@@ -10941,133 +10978,133 @@ form.user .btn-user {
@-webkit-keyframes noise-anim {
0% {
clip: rect(10px, 9999px, 83px, 0);
clip: rect(49px, 9999px, 40px, 0);
}
5% {
clip: rect(2px, 9999px, 65px, 0);
clip: rect(75px, 9999px, 72px, 0);
}
10% {
clip: rect(8px, 9999px, 54px, 0);
clip: rect(97px, 9999px, 93px, 0);
}
15% {
clip: rect(24px, 9999px, 22px, 0);
clip: rect(15px, 9999px, 9px, 0);
}
20% {
clip: rect(19px, 9999px, 84px, 0);
clip: rect(14px, 9999px, 92px, 0);
}
25% {
clip: rect(19px, 9999px, 10px, 0);
clip: rect(18px, 9999px, 94px, 0);
}
30% {
clip: rect(27px, 9999px, 77px, 0);
clip: rect(17px, 9999px, 20px, 0);
}
35% {
clip: rect(74px, 9999px, 34px, 0);
clip: rect(71px, 9999px, 59px, 0);
}
40% {
clip: rect(34px, 9999px, 64px, 0);
clip: rect(42px, 9999px, 84px, 0);
}
45% {
clip: rect(83px, 9999px, 47px, 0);
clip: rect(56px, 9999px, 25px, 0);
}
50% {
clip: rect(23px, 9999px, 70px, 0);
clip: rect(46px, 9999px, 14px, 0);
}
55% {
clip: rect(55px, 9999px, 49px, 0);
clip: rect(47px, 9999px, 1px, 0);
}
60% {
clip: rect(90px, 9999px, 21px, 0);
clip: rect(64px, 9999px, 58px, 0);
}
65% {
clip: rect(58px, 9999px, 63px, 0);
clip: rect(89px, 9999px, 92px, 0);
}
70% {
clip: rect(77px, 9999px, 11px, 0);
clip: rect(56px, 9999px, 39px, 0);
}
75% {
clip: rect(6px, 9999px, 72px, 0);
clip: rect(80px, 9999px, 71px, 0);
}
80% {
clip: rect(27px, 9999px, 57px, 0);
clip: rect(8px, 9999px, 13px, 0);
}
85% {
clip: rect(89px, 9999px, 54px, 0);
clip: rect(66px, 9999px, 68px, 0);
}
90% {
clip: rect(55px, 9999px, 4px, 0);
clip: rect(68px, 9999px, 4px, 0);
}
95% {
clip: rect(36px, 9999px, 91px, 0);
clip: rect(56px, 9999px, 14px, 0);
}
100% {
clip: rect(19px, 9999px, 71px, 0);
clip: rect(28px, 9999px, 53px, 0);
}
}
@keyframes noise-anim {
0% {
clip: rect(10px, 9999px, 83px, 0);
clip: rect(49px, 9999px, 40px, 0);
}
5% {
clip: rect(2px, 9999px, 65px, 0);
clip: rect(75px, 9999px, 72px, 0);
}
10% {
clip: rect(8px, 9999px, 54px, 0);
clip: rect(97px, 9999px, 93px, 0);
}
15% {
clip: rect(24px, 9999px, 22px, 0);
clip: rect(15px, 9999px, 9px, 0);
}
20% {
clip: rect(19px, 9999px, 84px, 0);
clip: rect(14px, 9999px, 92px, 0);
}
25% {
clip: rect(19px, 9999px, 10px, 0);
clip: rect(18px, 9999px, 94px, 0);
}
30% {
clip: rect(27px, 9999px, 77px, 0);
clip: rect(17px, 9999px, 20px, 0);
}
35% {
clip: rect(74px, 9999px, 34px, 0);
clip: rect(71px, 9999px, 59px, 0);
}
40% {
clip: rect(34px, 9999px, 64px, 0);
clip: rect(42px, 9999px, 84px, 0);
}
45% {
clip: rect(83px, 9999px, 47px, 0);
clip: rect(56px, 9999px, 25px, 0);
}
50% {
clip: rect(23px, 9999px, 70px, 0);
clip: rect(46px, 9999px, 14px, 0);
}
55% {
clip: rect(55px, 9999px, 49px, 0);
clip: rect(47px, 9999px, 1px, 0);
}
60% {
clip: rect(90px, 9999px, 21px, 0);
clip: rect(64px, 9999px, 58px, 0);
}
65% {
clip: rect(58px, 9999px, 63px, 0);
clip: rect(89px, 9999px, 92px, 0);
}
70% {
clip: rect(77px, 9999px, 11px, 0);
clip: rect(56px, 9999px, 39px, 0);
}
75% {
clip: rect(6px, 9999px, 72px, 0);
clip: rect(80px, 9999px, 71px, 0);
}
80% {
clip: rect(27px, 9999px, 57px, 0);
clip: rect(8px, 9999px, 13px, 0);
}
85% {
clip: rect(89px, 9999px, 54px, 0);
clip: rect(66px, 9999px, 68px, 0);
}
90% {
clip: rect(55px, 9999px, 4px, 0);
clip: rect(68px, 9999px, 4px, 0);
}
95% {
clip: rect(36px, 9999px, 91px, 0);
clip: rect(56px, 9999px, 14px, 0);
}
100% {
clip: rect(19px, 9999px, 71px, 0);
clip: rect(28px, 9999px, 53px, 0);
}
}
@@ -11086,133 +11123,133 @@ form.user .btn-user {
@-webkit-keyframes noise-anim-2 {
0% {
clip: rect(37px, 9999px, 52px, 0);
clip: rect(16px, 9999px, 10px, 0);
}
5% {
clip: rect(77px, 9999px, 64px, 0);
clip: rect(22px, 9999px, 29px, 0);
}
10% {
clip: rect(22px, 9999px, 93px, 0);
clip: rect(6px, 9999px, 68px, 0);
}
15% {
clip: rect(38px, 9999px, 90px, 0);
clip: rect(85px, 9999px, 95px, 0);
}
20% {
clip: rect(17px, 9999px, 20px, 0);
clip: rect(65px, 9999px, 91px, 0);
}
25% {
clip: rect(20px, 9999px, 39px, 0);
clip: rect(93px, 9999px, 68px, 0);
}
30% {
clip: rect(55px, 9999px, 43px, 0);
clip: rect(10px, 9999px, 27px, 0);
}
35% {
clip: rect(72px, 9999px, 8px, 0);
clip: rect(37px, 9999px, 25px, 0);
}
40% {
clip: rect(17px, 9999px, 94px, 0);
clip: rect(12px, 9999px, 23px, 0);
}
45% {
clip: rect(87px, 9999px, 64px, 0);
clip: rect(40px, 9999px, 18px, 0);
}
50% {
clip: rect(54px, 9999px, 26px, 0);
clip: rect(19px, 9999px, 71px, 0);
}
55% {
clip: rect(89px, 9999px, 22px, 0);
clip: rect(2px, 9999px, 35px, 0);
}
60% {
clip: rect(3px, 9999px, 3px, 0);
clip: rect(16px, 9999px, 69px, 0);
}
65% {
clip: rect(60px, 9999px, 57px, 0);
clip: rect(8px, 9999px, 65px, 0);
}
70% {
clip: rect(68px, 9999px, 88px, 0);
clip: rect(30px, 9999px, 57px, 0);
}
75% {
clip: rect(39px, 9999px, 4px, 0);
clip: rect(14px, 9999px, 4px, 0);
}
80% {
clip: rect(40px, 9999px, 89px, 0);
clip: rect(39px, 9999px, 30px, 0);
}
85% {
clip: rect(1px, 9999px, 91px, 0);
clip: rect(22px, 9999px, 35px, 0);
}
90% {
clip: rect(31px, 9999px, 43px, 0);
clip: rect(58px, 9999px, 71px, 0);
}
95% {
clip: rect(51px, 9999px, 93px, 0);
clip: rect(34px, 9999px, 90px, 0);
}
100% {
clip: rect(21px, 9999px, 67px, 0);
clip: rect(67px, 9999px, 68px, 0);
}
}
@keyframes noise-anim-2 {
0% {
clip: rect(37px, 9999px, 52px, 0);
clip: rect(16px, 9999px, 10px, 0);
}
5% {
clip: rect(77px, 9999px, 64px, 0);
clip: rect(22px, 9999px, 29px, 0);
}
10% {
clip: rect(22px, 9999px, 93px, 0);
clip: rect(6px, 9999px, 68px, 0);
}
15% {
clip: rect(38px, 9999px, 90px, 0);
clip: rect(85px, 9999px, 95px, 0);
}
20% {
clip: rect(17px, 9999px, 20px, 0);
clip: rect(65px, 9999px, 91px, 0);
}
25% {
clip: rect(20px, 9999px, 39px, 0);
clip: rect(93px, 9999px, 68px, 0);
}
30% {
clip: rect(55px, 9999px, 43px, 0);
clip: rect(10px, 9999px, 27px, 0);
}
35% {
clip: rect(72px, 9999px, 8px, 0);
clip: rect(37px, 9999px, 25px, 0);
}
40% {
clip: rect(17px, 9999px, 94px, 0);
clip: rect(12px, 9999px, 23px, 0);
}
45% {
clip: rect(87px, 9999px, 64px, 0);
clip: rect(40px, 9999px, 18px, 0);
}
50% {
clip: rect(54px, 9999px, 26px, 0);
clip: rect(19px, 9999px, 71px, 0);
}
55% {
clip: rect(89px, 9999px, 22px, 0);
clip: rect(2px, 9999px, 35px, 0);
}
60% {
clip: rect(3px, 9999px, 3px, 0);
clip: rect(16px, 9999px, 69px, 0);
}
65% {
clip: rect(60px, 9999px, 57px, 0);
clip: rect(8px, 9999px, 65px, 0);
}
70% {
clip: rect(68px, 9999px, 88px, 0);
clip: rect(30px, 9999px, 57px, 0);
}
75% {
clip: rect(39px, 9999px, 4px, 0);
clip: rect(14px, 9999px, 4px, 0);
}
80% {
clip: rect(40px, 9999px, 89px, 0);
clip: rect(39px, 9999px, 30px, 0);
}
85% {
clip: rect(1px, 9999px, 91px, 0);
clip: rect(22px, 9999px, 35px, 0);
}
90% {
clip: rect(31px, 9999px, 43px, 0);
clip: rect(58px, 9999px, 71px, 0);
}
95% {
clip: rect(51px, 9999px, 93px, 0);
clip: rect(34px, 9999px, 90px, 0);
}
100% {
clip: rect(21px, 9999px, 67px, 0);
clip: rect(67px, 9999px, 68px, 0);
}
}