.timer{--timer-gap:40px;--timer-label-border-radius:36px;--timer-label-border-width:4px;--timer-label-padding:10px 80px;--timer-label-padding-mobile:10px 40px;--timer-label-color:#fff;--timer-label-font-size:90px;--timer-label-font-size-mobile:50px;--timer-label-font-weight:400;--timer-label-diff-font-size:30px;--timer-label-diff-font-weight:400;--timer-label-diff-margin-bottom:5px;--timer-label-diff-margin-bottom-mobile:2px;--timer-label-padding-bottom-with-diff:20px;--timer-label-padding-bottom-with-diff-mobile:30px;--timer-button-submit-border-radius:12px;--timer-button-min-width:130px;--timer-button-padding:20px;--timer-button-submit-padding:15px 40px;--timer-button-font-size:30px;--timer-button-font-weight:700;--timer-reset-button-color:#fff;--timer-reset-button-font-size:36px;--transition-fast:0.2s;--transition-medium:0.4s;--transition-slow:0.6s}.timer__container{gap:var(--timer-gap);height:100%;width:100%}.timer__container,.timer__container__label{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:all var(--transition-medium) ease-in-out}.timer__container__label{backdrop-filter:brightness(.7);border:var(--timer-label-border-width) solid var(--color-secondary);border-radius:var(--timer-label-border-radius);box-shadow:0 4px 12px #00000026;color:var(--timer-label-color);font-size:var(--timer-label-font-size);font-weight:var(--timer-label-font-weight);padding:var(--timer-label-padding);position:relative}.timer__container__label__diff{bottom:0;font-size:var(--timer-label-diff-font-size);font-weight:var(--timer-label-diff-font-weight);opacity:0;position:absolute;transform:translateY(10px);transition:all var(--transition-medium) ease-in-out}.timer__container__actions{display:flex;position:relative}.timer__container__actions .timer__actions__button{transition:all var(--transition-medium) ease-in-out}.timer__container__actions .timer__actions__reset{color:var(--timer-reset-button-color);display:none}.timer__container.ready .timer__container__label{animation:pulseReady 2s ease-in-out infinite}.timer__container.ready .timer__container__actions .timer__actions__button{animation:gradientMove 1s ease-in-out infinite;aspect-ratio:1/1;background-color:var(--color-secondary);background:linear-gradient(90deg,var(--color-yellow),var(--color-yellow) 30%,var(--color-yellow-65-full) 79%,var(--color-yellow-30-full));background-size:200% 100%;border-radius:100%;cursor:default;cursor:pointer;font-size:var(--timer-button-font-size);font-weight:var(--timer-button-font-weight);min-width:var(--timer-button-min-width);padding:var(--timer-button-padding);text-transform:uppercase}.timer__container.ready .timer__container__actions .timer__actions__button:hover{animation-duration:.5s;transform:translateY(-2px)}.timer__container.ready .timer__container__actions .timer__actions__button:active{transform:translateY(0)}.timer__container.running .timer__container__label{animation:pulseRunning 1s ease-in-out infinite;border-color:var(--color-yellow)}.timer__container.running .timer__container__actions .timer__actions__button{animation:pulseRunning 1s ease-in-out infinite;aspect-ratio:1/1;background-color:var(--color-secondary);border-radius:100%;cursor:default;cursor:pointer;font-size:var(--timer-button-font-size);font-weight:var(--timer-button-font-weight);min-width:var(--timer-button-min-width);padding:var(--timer-button-padding);text-transform:uppercase}.timer__container.running .timer__container__actions .timer__actions__button:hover{transform:translateY(-2px)}.timer__container.running .timer__container__actions .timer__actions__button:active{transform:translateY(0)}.timer__container.finished .timer__container__label{background-color:var(--color-secondary);color:#000;padding-bottom:var(--timer-label-padding-bottom-with-diff)}.timer__container.finished .timer__container__label__diff{animation:slideInFromBottom var(--transition-slow) ease-out;margin-bottom:var(--timer-label-diff-margin-bottom);opacity:1;transform:translateY(0)}.timer__container.finished .timer__actions__reset{display:block;height:100%;left:100%;margin-left:20px;position:absolute}.timer__container.finished .timer__actions__reset .dhl-icons{font-size:var(--timer-reset-button-font-size);font-weight:700}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:70% 50%}to{background-position:0 50%}}@keyframes pulseReady{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes pulseRunning{0%,to{border-color:var(--color-yellow);box-shadow:0 0 10px #ffcc004d}50%{border-color:var(--color-yellow-65-full);box-shadow:0 0 20px #ffcc0080}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.timer__container__label{font-size:var(--timer-label-font-size-mobile);padding:var(--timer-label-padding-mobile)}.timer__container.finished .timer__container__label{padding-bottom:var(--timer-label-padding-bottom-with-diff-mobile)}.timer__container.finished .timer__container__label__diff{margin-bottom:var(--timer-label-diff-margin-bottom-mobile)}}