From d8e0c69bdd1c0e1d8a30007d6f759a0424edacc5 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 12:13:18 +0300 Subject: [PATCH 1/7] ute --- .../src/resources/css/components-lkrp.css | 37 ++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css index bcb5fb29..07d70af0 100644 --- a/frontend/src/resources/css/components-lkrp.css +++ b/frontend/src/resources/css/components-lkrp.css @@ -21,6 +21,11 @@ } } +.webbpm.ervu_lkrp_ul .mute { + color: var(--border-light); + font-size: var(--size-text-secondary); +} + .webbpm.ervu_lkrp_ul .title { font-size: var(--size-text-title); font-family: 'InterSB'; @@ -81,7 +86,8 @@ } } -.webbpm.ervu_lkrp_ul .btn { +.webbpm.ervu_lkrp_ul .btn, +.webbpm.ervu_lkrp_ul .modal.show button-component.btn-main:not(.info):not(.link) .btn { font-size: var(--size-text-secondary); font-family: 'Inter'; color: var(--white); @@ -467,6 +473,35 @@ button-component:not(.info):not(.link) { margin: var(--indent-small) 0 0; } + .subtitle { + font-size: var(--size-text-primary); + } + .warning-group { + font-size: var(--size-text-secondary); + + hyper-link { + padding-top: 0; + margin-top: 8px; + border: 0; + + .link { + color: var(--color-link); + padding-left: 0; + background: none; + } + } + } +/* + file-upload { + label { + display: none; + } + .file-upload { + display: flex !important; + flex-direction: column; + } + } +*/ .paragraph-list > .vertical-container > * { position: relative; padding-left: var(--indent-small); From 919712c36a5a0cffb8eeb467dc9451aa63d6b285 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 13:36:38 +0300 Subject: [PATCH 2/7] warning-group --- .../src/resources/css/components-lkrp.css | 34 +++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css index 07d70af0..b35993d6 100644 --- a/frontend/src/resources/css/components-lkrp.css +++ b/frontend/src/resources/css/components-lkrp.css @@ -26,6 +26,10 @@ font-size: var(--size-text-secondary); } +.webbpm.ervu_lkrp_ul .file-name { + font-size: var(--size-text-secondary); +} + .webbpm.ervu_lkrp_ul .title { font-size: var(--size-text-title); font-family: 'InterSB'; @@ -478,7 +482,17 @@ } .warning-group { font-size: var(--size-text-secondary); + padding-left: calc(24px + 16px*2); + margin-bottom: var(--indent-small); + &::before { + position: absolute; + content: ""; + left: 16px; + width: 24px; + height: 24px; + background: url(../img/svg/info.svg) no-repeat; + } hyper-link { padding-top: 0; margin-top: 8px; @@ -491,6 +505,26 @@ } } } + .warning-message { + font-size: var(--size-text-secondary); + padding-left: calc(24px + 16px); + + &::before { + position: absolute; + content: ""; + left: 0; + width: 24px; + height: 24px; + background: url(../img/svg/info.svg) no-repeat; + } + & + .warning-message { + margin-top: 16px; + } + .form-group { + margin-bottom: 0; + } + } + /* file-upload { label { From 993a206215d7445d8ed374de52b644749945f928 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 14:04:09 +0300 Subject: [PATCH 3/7] progress-bar --- .../src/resources/css/components-lkrp.css | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css index b35993d6..04e8ad32 100644 --- a/frontend/src/resources/css/components-lkrp.css +++ b/frontend/src/resources/css/components-lkrp.css @@ -30,6 +30,29 @@ font-size: var(--size-text-secondary); } +.webbpm.ervu_lkrp_ul .progress-bar { + display: flex; + justify-content: flex-start; + width: 100%; + height: 15px; + margin-bottom: var(--indent-small); + border-radius: 10px; + background: #fff3e5; + + & > div { + width: 100%; + height: 15px; + border-radius: 10px; + background: var(--color-link); + -webkit-animation: progress-line 10s infinite; + animation: progress-line 10s infinite; + } +} +@keyframes progress-line { + from {width: 0px;} + to {width: 100%;} +} + .webbpm.ervu_lkrp_ul .title { font-size: var(--size-text-title); font-family: 'InterSB'; @@ -506,6 +529,7 @@ } } .warning-message { + display: block; font-size: var(--size-text-secondary); padding-left: calc(24px + 16px); From 20fe411c0ab57ccb74971806c423106fe211db0e Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 14:13:06 +0300 Subject: [PATCH 4/7] // --- frontend/src/resources/css/components-lkrp.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css index 04e8ad32..98da61d3 100644 --- a/frontend/src/resources/css/components-lkrp.css +++ b/frontend/src/resources/css/components-lkrp.css @@ -216,8 +216,9 @@ &:not(:disabled):not(.disabled):hover, &:not(:disabled):not(.disabled):active, &:not(:disabled):not(.disabled):focus { - color: var(--color-link-hover); + color: var(--color-link-hover) !important; border-color: var(--color-link-hover); + background-color: transparent !important; } } } From 5ccd3eba81e05d4e1a0a9900a3d0cbd226630b63 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 14:33:24 +0300 Subject: [PATCH 5/7] loader test --- frontend/src/resources/css/inbox-lkrp.css | 39 +++++++++++++++++++ .../app/component/progress-indication.html | 2 +- 2 files changed, 40 insertions(+), 1 deletion(-) diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css index 42037bc6..59b0f15b 100644 --- a/frontend/src/resources/css/inbox-lkrp.css +++ b/frontend/src/resources/css/inbox-lkrp.css @@ -163,6 +163,45 @@ body { } } +/**/ +.webbpm.ervu_lkrp_ul .loader { + font-size: 10px; + width: 0.5em; + height: 0.5em; + border-radius: 50%; + position: relative; + text-indent: -9999em; + animation: loader-pin 1.1s infinite ease; + transform: translateZ(0); +} +@keyframes loader-pin { + 0%, + 100% { + box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.5), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7); + } + 12.5% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.5); + } + 25% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.5), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + } + 37.5% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.5), 2.5em 0em 0 0em rgba(198, 78, 27, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + } + 50% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.5), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + } + 62.5% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.5), 0em 2.5em 0 0em rgba(198, 78, 27, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + } + 75% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.5), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + } + 87.5% { + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.5), -2.6em 0em 0 0em rgba(198, 78, 27, 0.7), -1.8em -1.8em 0 0em #ffffff; + } +} + /*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/ @media (max-width: 1024px) { .webbpm.ervu_lkrp_ul { diff --git a/frontend/src/resources/template/app/component/progress-indication.html b/frontend/src/resources/template/app/component/progress-indication.html index 95a901e6..591a0d51 100644 --- a/frontend/src/resources/template/app/component/progress-indication.html +++ b/frontend/src/resources/template/app/component/progress-indication.html @@ -1,3 +1,3 @@
-
+
\ No newline at end of file From 477e074ff0340b2f35b6ad91af151982609c3c25 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 14:34:58 +0300 Subject: [PATCH 6/7] / --- frontend/src/resources/css/inbox-lkrp.css | 66 +++++++++++------------ 1 file changed, 33 insertions(+), 33 deletions(-) diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css index 59b0f15b..e3265d1a 100644 --- a/frontend/src/resources/css/inbox-lkrp.css +++ b/frontend/src/resources/css/inbox-lkrp.css @@ -163,9 +163,40 @@ body { } } +/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/ +@media (max-width: 1024px) { + .webbpm.ervu_lkrp_ul { + --w-screen: 32px; + + --size-text-title: 28px; + + --indent-huge: 32px; + --indent-big: 24px; + --indent-medium: 24px; + --indent-small: 16px; + } +} + +@media (max-width: 480px) { + .webbpm.ervu_lkrp_ul { + --w-screen: 16px; + + --size-text-title: 24px; + + --indent-huge: 24px; + --indent-big: 24px; + --indent-medium: 16px; + --indent-small: 16px; + } + + .webbpm.ervu_lkrp_ul .header .main-page { + display: none; + } +} + /**/ .webbpm.ervu_lkrp_ul .loader { - font-size: 10px; + font-size: 6px; width: 0.5em; height: 0.5em; border-radius: 50%; @@ -200,35 +231,4 @@ body { 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.5), -2.6em 0em 0 0em rgba(198, 78, 27, 0.7), -1.8em -1.8em 0 0em #ffffff; } -} - -/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/ -@media (max-width: 1024px) { - .webbpm.ervu_lkrp_ul { - --w-screen: 32px; - - --size-text-title: 28px; - - --indent-huge: 32px; - --indent-big: 24px; - --indent-medium: 24px; - --indent-small: 16px; - } -} - -@media (max-width: 480px) { - .webbpm.ervu_lkrp_ul { - --w-screen: 16px; - - --size-text-title: 24px; - - --indent-huge: 24px; - --indent-big: 24px; - --indent-medium: 16px; - --indent-small: 16px; - } - - .webbpm.ervu_lkrp_ul .header .main-page { - display: none; - } -} +} \ No newline at end of file From ee7142e8b094c96c148cffd0eb1e646a1cd078d4 Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Fri, 21 Jun 2024 16:43:52 +0300 Subject: [PATCH 7/7] loader --- frontend/index.html | 2 +- frontend/index.webpack.html | 2 +- frontend/preview.html | 2 +- frontend/src/resources/css/inbox-lkrp.css | 25 ++++++++++++----------- 4 files changed, 16 insertions(+), 15 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 8b32fd53..9e17d92e 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -19,6 +19,6 @@ -
+
diff --git a/frontend/index.webpack.html b/frontend/index.webpack.html index 6d58f297..e470e781 100644 --- a/frontend/index.webpack.html +++ b/frontend/index.webpack.html @@ -7,6 +7,6 @@ -
+
diff --git a/frontend/preview.html b/frontend/preview.html index 08976ce9..7d62682c 100644 --- a/frontend/preview.html +++ b/frontend/preview.html @@ -19,6 +19,6 @@ -
+
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css index e3265d1a..cd23044b 100644 --- a/frontend/src/resources/css/inbox-lkrp.css +++ b/frontend/src/resources/css/inbox-lkrp.css @@ -194,11 +194,12 @@ body { } } -/**/ .webbpm.ervu_lkrp_ul .loader { - font-size: 6px; - width: 0.5em; - height: 0.5em; + font-size: 16px; + left: 50%; + top: 50%; + width: 0.8em; + height: 0.8em; border-radius: 50%; position: relative; text-indent: -9999em; @@ -208,27 +209,27 @@ body { @keyframes loader-pin { 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.5), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7); + box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.3), -2.6em 0em 0 0em rgba(198, 78, 27, 0.7), -1.8em -1.8em 0 0em rgba(198, 78, 27, 1); } 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.5); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 1), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.3), -2.6em 0em 0 0em rgba(198, 78, 27, 0.3), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7); } 25% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.5), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.7), 1.8em -1.8em 0 0em rgba(198, 78, 27, 1), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.3), -2.6em 0em 0 0em rgba(198, 78, 27, 0.3), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3); } 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.5), 2.5em 0em 0 0em rgba(198, 78, 27, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.7), 2.5em 0em 0 0em rgba(198, 78, 27, 1), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.3), -2.6em 0em 0 0em rgba(198, 78, 27, 0.3), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3); } 50% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.5), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.2), -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.7), 1.75em 1.75em 0 0em rgba(198, 78, 27, 1), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.3), -2.6em 0em 0 0em rgba(198, 78, 27, 0.3), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3); } 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.5), 0em 2.5em 0 0em rgba(198, 78, 27, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(198, 78, 27, 0.2), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.7), 0em 2.5em 0 0em rgba(198, 78, 27, 1), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(198, 78, 27, 0.3), -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3); } 75% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.5), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2); + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.7), -1.8em 1.8em 0 0em rgba(198, 78, 27, 1), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3); } 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.2), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.2), 2.5em 0em 0 0em rgba(198, 78, 27, 0.2), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.2), 0em 2.5em 0 0em rgba(198, 78, 27, 0.2), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.5), -2.6em 0em 0 0em rgba(198, 78, 27, 0.7), -1.8em -1.8em 0 0em #ffffff; + box-shadow: 0em -2.6em 0em 0em rgba(198, 78, 27, 0.3), 1.8em -1.8em 0 0em rgba(198, 78, 27, 0.3), 2.5em 0em 0 0em rgba(198, 78, 27, 0.3), 1.75em 1.75em 0 0em rgba(198, 78, 27, 0.3), 0em 2.5em 0 0em rgba(198, 78, 27, 0.3), -1.8em 1.8em 0 0em rgba(198, 78, 27, 0.7), -2.6em 0em 0 0em rgba(198, 78, 27, 1), -1.8em -1.8em 0 0em #ffffff; } } \ No newline at end of file