/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/* line 5, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 33, ../sass/form.scss */
html {
  font-size: 16px;
}

/* line 37, ../sass/form.scss */
body {
  background-color: #355669;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 1.3rem;
}

/* line 43, ../sass/form.scss */
h3 {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .06rem;
  color: #009AE1;
}
/* line 49, ../sass/form.scss */
h3.header-padding {
  padding: 0 2rem;
  margin-bottom: .5rem;
}

/* line 55, ../sass/form.scss */
p.description {
  color: #7e7e7e;
  padding: 0 2rem;
  font-size: .8rem;
  line-height: 1rem;
  margin-top: .5rem;
}

/* line 63, ../sass/form.scss */
a {
  color: #009AE1;
}
/* line 65, ../sass/form.scss */
a:hover {
  color: #006fa2;
}

/* line 70, ../sass/form.scss */
input, textarea {
  font-size: 1rem;
  font-family: 'Nunito Sans', sans-serif;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
}

/* line 79, ../sass/form.scss */
.licznik-znakow {
  color: #bcbcbc;
  font-size: .7rem;
}

/* line 85, ../sass/form.scss */
strong {
  font-weight: 700;
}

/* line 89, ../sass/form.scss */
input {
  -webkit-box-shadow: 0 0 0 30px #FFF inset !important;
}

/* line 93, ../sass/form.scss */
*:focus {
  outline: none;
}

/* line 97, ../sass/form.scss */
.mniejszy_txt {
  font-size: .8em;
}

/* line 101, ../sass/form.scss */
#logo {
  margin: 0 auto;
  width: 80%;
  max-width: 28rem;
  display: block;
  margin-top: 7rem;
}
/* line 107, ../sass/form.scss */
#logo h1 {
  height: 0;
  text-indent: -9999rem;
}

/* line 113, ../sass/form.scss */
#wrapper, #popup-wrapper #content {
  width: calc(100% - 4rem);
  max-width: 40rem;
  margin: 7rem auto 2rem;
  background-color: #FFF;
  position: relative;
}

/* line 122, ../sass/form.scss */
#top-bar {
  width: calc(100% - 4rem);
  max-width: 40rem;
  margin: 1rem auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
/* line 128, ../sass/form.scss */
#top-bar img {
  height: 3rem;
  grid-column-start: 2;
}

/* line 133, ../sass/form.scss */
#language-selector {
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
  color: #FFF;
}
/* line 139, ../sass/form.scss */
#language-selector a {
  text-decoration: none;
  color: #FFF;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: .05rem;
  transition: color .5s;
}
/* line 146, ../sass/form.scss */
#language-selector a.selected, #language-selector a:hover {
  color: #7cbddb;
}

/* line 152, ../sass/form.scss */
#menu {
  position: relative;
  display: flex;
  align-items: center;
}
/* line 156, ../sass/form.scss */
#menu a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3%;
  height: 3rem;
  padding: 0.25rem .5rem;
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .05rem;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 173, ../sass/form.scss */
#menu a + a:not(.active-menu) {
  box-shadow: inset 1px 0px 0px #bcbcbc;
}
/* line 176, ../sass/form.scss */
#menu a:hover:not(.active-menu) {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 179, ../sass/form.scss */
#menu a.active-menu {
  background-color: transparent;
}
/* line 181, ../sass/form.scss */
#menu a.active-menu + a {
  box-shadow: none;
}

/* line 189, ../sass/form.scss */
#content-wrapper {
  color: #7e7e7e;
  padding: 2rem;
}
/* line 192, ../sass/form.scss */
#content-wrapper .sekcja {
  margin: 1rem 0;
}
/* line 195, ../sass/form.scss */
#content-wrapper ol {
  margin-left: 1rem;
  list-style: decimal;
}
/* line 198, ../sass/form.scss */
#content-wrapper ol li {
  margin: 1rem 0 0 0rem;
  line-height: 145%;
}
/* line 201, ../sass/form.scss */
#content-wrapper ol li ol, #content-wrapper ol li ul {
  margin-left: 2rem;
}
/* line 204, ../sass/form.scss */
#content-wrapper ol li ol[type="a"] {
  list-style-type: lower-alpha;
}
/* line 210, ../sass/form.scss */
#content-wrapper ul {
  margin-left: 1rem;
  list-style-type: circle;
}
/* line 213, ../sass/form.scss */
#content-wrapper ul li {
  margin: 0;
}

/* line 217, ../sass/form.scss */
.sekcja-header {
  text-align: center;
  font-weight: 700;
  color: #009AE1;
}
/* line 221, ../sass/form.scss */
.sekcja-header h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: .075rem;
  line-height: 130%;
}

/* line 230, ../sass/form.scss */
#summary p, #content-wrapper p {
  line-height: 140%;
}

/* line 235, ../sass/form.scss */
#entry-form .sekcja-header {
  margin: 1rem 0 2rem;
  padding: 0 2rem;
}

/* line 240, ../sass/form.scss */
#entry-form {
  position: relative;
  display: flex;
  overflow: hidden;
}

/* line 246, ../sass/form.scss */
form {
  min-width: 100%;
  padding-top: 1rem;
  transition: .5s margin-left .4s;
}
/* line 250, ../sass/form.scss */
form.hide {
  margin-left: -100%;
}
/* line 253, ../sass/form.scss */
form.submit-hide {
  margin-left: -200%;
}

/* line 258, ../sass/form.scss */
.form-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem;
}

/* line 264, ../sass/form.scss */
.input-text-group, .textarea-group, #summary, .filename {
  position: relative;
}

/* line 268, ../sass/form.scss */
.input-text-group label, .textarea-group > label, #summary p.summary-description, .filename p.label {
  pointer-events: none;
  font-size: .8rem;
  color: #bcbcbc;
  letter-spacing: .1rem;
  text-transform: uppercase;
}

/* line 275, ../sass/form.scss */
.input-text-group label, .filename p.label {
  position: absolute;
  left: 1.05rem;
  bottom: 0.8rem;
  transition: .3s transform, .3s opacity, .3s color;
  transform-origin: left bottom;
}

/* line 282, ../sass/form.scss */
.input-text-group {
  position: relative;
  flex-grow: 1;
  display: flex;
  padding: 0.5rem;
}
/* line 288, ../sass/form.scss */
.input-text-group input {
  flex-grow: 1;
  border: none;
  border-bottom: 1px solid #bcbcbc;
  background-color: transparent;
  padding: 0.55rem 0.55rem 0.3rem;
  transition: .3s border-color;
  /* dla etykiet dla pol do wprowadzania - tam jest ukryty, pusty placeholder (zeby etykiety nie opadaly po wprowadzeniu tekstu  */
}
/* line 296, ../sass/form.scss */
.input-text-group input:not(:placeholder-shown) + label, .input-text-group input:focus + label {
  transform: translateY(-1.45rem) scale(0.8);
  opacity: 1;
}
/* line 300, ../sass/form.scss */
.input-text-group input:not(:placeholder-shown) ~ label {
  color: #bcbcbc;
}
/* line 303, ../sass/form.scss */
.input-text-group input:focus + label {
  color: #009AE1;
}
/* line 306, ../sass/form.scss */
.input-text-group input:focus {
  border-color: #009AE1;
}

/* line 312, ../sass/form.scss */
.form-group {
  margin: 0 0 1.5rem;
}

/* line 316, ../sass/form.scss */
.input-radio-group {
  padding: 0 1.5rem;
}
/* line 318, ../sass/form.scss */
.input-radio-group > div {
  display: flex;
  flex-wrap: wrap;
}
/* line 322, ../sass/form.scss */
.input-radio-group .radio-input {
  width: calc(50% - 1rem);
  padding: 0 .5rem 0;
}
/* line 325, ../sass/form.scss */
.input-radio-group .radio-input input {
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}
/* line 326, ../sass/form.scss */
.input-radio-group .radio-input label {
  display: block;
  cursor: pointer;
  padding: 1rem .5rem;
  opacity: .7;
  border: 1px solid #bcbcbc;
  border-radius: 0.4rem;
  transition: .3s border-color, .3s box-shadow, .3s opacity;
}
/* line 335, ../sass/form.scss */
.input-radio-group .radio-input input:checked + label {
  box-shadow: 0px 0px 0px 1px #009AE1;
  border-color: #009AE1;
  opacity: 1;
}

/* line 345, ../sass/form.scss */
.textarea-group {
  display: flex;
  flex-direction: column-reverse;
}
/* line 348, ../sass/form.scss */
.textarea-group .textarea-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 0.5rem 0 2rem;
  gap: 0.5rem;
  transform: translateY(110%);
  z-index: 1;
  transition: transform .3s;
}
/* line 358, ../sass/form.scss */
.textarea-group > label {
  height: 0;
  transition: .3s transform, .2s opacity;
  z-index: 3;
  padding: 0 2rem;
  transform: translateY(0.65rem);
  color: #7e7e7e;
}
/* line 366, ../sass/form.scss */
.textarea-group textarea {
  position: relative;
  resize: none;
  width: calc(100% - 4rem);
  padding: 0.5rem 2rem 1.75rem;
  border: none;
  background-color: #f6f6f6;
  min-height: 15rem;
  z-index: 2;
}
/* line 375, ../sass/form.scss */
.textarea-group textarea:not(:placeholder-shown) + label, .textarea-group textarea:focus + label {
  transform: translateY(-2rem);
  opacity: 0;
}
/* line 378, ../sass/form.scss */
.textarea-group textarea:not(:placeholder-shown) + label + .textarea-header, .textarea-group textarea:focus + label + .textarea-header {
  transform: translateY(0);
}

/* line 386, ../sass/form.scss */
.add-file-input {
  width: 100%;
  margin-top: 1rem;
  padding: 0 .5rem;
}
/* line 390, ../sass/form.scss */
.add-file-input .name {
  opacity: 0;
  transition: .3s opacity;
}
/* line 395, ../sass/form.scss */
.add-file-input .name, .add-file-input .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
}
/* line 402, ../sass/form.scss */
.add-file-input.file-added .label {
  transform: translateY(-1.45rem) scale(0.8);
  color: #009AE1;
}
/* line 406, ../sass/form.scss */
.add-file-input.file-added .name {
  opacity: 1;
}
/* line 410, ../sass/form.scss */
.add-file-input > div {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}
/* line 414, ../sass/form.scss */
.add-file-input > div .filename {
  border-bottom: 1px solid #bcbcbc;
  flex-grow: 1;
}
/* line 417, ../sass/form.scss */
.add-file-input > div .filename p {
  position: absolute;
  left: .5rem;
  top: 1rem;
}
/* line 424, ../sass/form.scss */
.add-file-input .file-too-big-info {
  font-size: .8rem;
  color: #ff1010;
  display: none;
}
/* line 429, ../sass/form.scss */
.add-file-input .description, .add-file-input .file-too-big-info {
  padding-left: .5rem;
}
/* line 432, ../sass/form.scss */
.add-file-input input {
  display: none;
}
/* line 433, ../sass/form.scss */
.add-file-input label {
  display: block;
  width: 7rem;
  padding: .75rem .5rem;
  text-align: center;
  cursor: pointer;
  background-color: #009AE1;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .05rem;
  transition: background-color .3s;
}
/* line 444, ../sass/form.scss */
.add-file-input label:hover {
  background-color: #006fa2;
}

/* line 451, ../sass/form.scss */
.checkbox-group {
  padding: 0 2rem;
  color: #7e7e7e;
  margin-bottom: 1rem;
}
/* line 455, ../sass/form.scss */
.checkbox-group p {
  margin-bottom: 1rem;
  color: #1a1a1a;
}
/* line 459, ../sass/form.scss */
.checkbox-group .consent-group {
  display: flex;
  flex-wrap: wrap;
}
/* line 462, ../sass/form.scss */
.checkbox-group .consent-group div {
  margin-right: 2rem;
}
/* line 464, ../sass/form.scss */
.checkbox-group .consent-group div + div:last-child {
  margin: 0;
}
/* line 469, ../sass/form.scss */
.checkbox-group input {
  display: none;
}
/* line 472, ../sass/form.scss */
.checkbox-group input + label {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  transition: color .4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-bottom: 1rem;
}
/* line 485, ../sass/form.scss */
.checkbox-group input + label::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #009AE1;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
/* line 499, ../sass/form.scss */
.checkbox-group input:checked + label:before {
  width: 10px;
  top: calc(50% - 15px);
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 510, ../sass/form.scss */
.checkbox-group input:hover + label, .checkbox-group input:checked + label {
  color: #1a1a1a;
}

/* line 517, ../sass/form.scss */
.przycisk {
  position: relative;
  margin-top: 2rem;
  width: 100%;
}
/* line 521, ../sass/form.scss */
.przycisk button {
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .1rem;
  font-size: 1.3rem;
  transition: background-color .5s;
}
/* line 533, ../sass/form.scss */
.przycisk.podsumowanie .strzalka, .przycisk.wyslij .strzalka, .przycisk.zamknij .strzalka {
  width: 48px;
  right: 2rem;
  top: calc(2.5rem - 1px);
}
/* line 537, ../sass/form.scss */
.przycisk.podsumowanie .strzalka::after, .przycisk.wyslij .strzalka::after, .przycisk.zamknij .strzalka::after {
  width: 24px;
  height: 24px;
}
/* line 542, ../sass/form.scss */
.przycisk.podsumowanie button, .przycisk.wyslij button, .przycisk.zamknij button {
  height: 5rem;
  background-color: #009AE1;
}
/* line 545, ../sass/form.scss */
.przycisk.podsumowanie button:hover, .przycisk.wyslij button:hover, .przycisk.zamknij button:hover {
  background-color: #006fa2;
}
/* line 547, ../sass/form.scss */
.przycisk.podsumowanie button:hover + .strzalka, .przycisk.wyslij button:hover + .strzalka, .przycisk.zamknij button:hover + .strzalka {
  transform: translateX(1rem);
}
/* line 554, ../sass/form.scss */
.przycisk.edytuj .strzalka {
  width: 32px;
  left: 2rem;
  top: calc(1.5rem - 1px);
  transform: rotate(180deg);
}
/* line 559, ../sass/form.scss */
.przycisk.edytuj .strzalka::after {
  width: 16px;
  height: 16px;
}
/* line 564, ../sass/form.scss */
.przycisk.edytuj button {
  height: 3rem;
  background-color: #7cbddb;
  font-size: .9rem;
}
/* line 568, ../sass/form.scss */
.przycisk.edytuj button:hover {
  background-color: #006fa2;
}
/* line 570, ../sass/form.scss */
.przycisk.edytuj button:hover + .strzalka {
  transform: translateX(-1rem) rotate(180deg);
}
/* line 576, ../sass/form.scss */
.przycisk.button-disabled button {
  pointer-events: none;
  background-color: #e3e3e3;
}
/* line 580, ../sass/form.scss */
.przycisk .strzalka {
  display: block;
  height: 2px;
  position: absolute;
  pointer-events: none;
  transition: .4s transform;
  background-color: #FFF;
}
/* line 587, ../sass/form.scss */
.przycisk .strzalka::after {
  content: '';
  display: inherit;
  border-style: solid solid none none;
  border-width: 2px;
  border-color: #FFF;
  transform-origin: right top;
  transform: rotate(45deg);
  position: absolute;
  right: -1px;
  top: 1px;
}

/* line 603, ../sass/form.scss */
textarea.form-invalid, input.form-invalid, div.form-invalid, div.form-invalid input, div.form-invalid-label, input.form-invalid + .filename-group {
  border-color: #ff1010 !important;
  color: #ff1010;
}
/* line 606, ../sass/form.scss */
textarea.form-invalid > label, input.form-invalid > label, div.form-invalid > label, div.form-invalid input > label, div.form-invalid-label > label, input.form-invalid + .filename-group > label {
  background-color: #ff1010 !important;
}
/* line 609, ../sass/form.scss */
textarea.form-invalid + label, textarea.form-invalid ~ .textarea-header h3, input.form-invalid + label, input.form-invalid ~ .textarea-header h3, div.form-invalid + label, div.form-invalid ~ .textarea-header h3, div.form-invalid input + label, div.form-invalid input ~ .textarea-header h3, div.form-invalid-label + label, div.form-invalid-label ~ .textarea-header h3, input.form-invalid + .filename-group + label, input.form-invalid + .filename-group ~ .textarea-header h3 {
  color: #ff1010 !important;
}

/* line 614, ../sass/form.scss */
.warning-info {
  padding: 0 2rem;
  margin-top: 1rem;
  text-align: center;
  color: #ff1010;
}
/* line 619, ../sass/form.scss */
.warning-info p + p {
  margin-top: 1rem;
}
/* line 622, ../sass/form.scss */
.warning-info li {
  display: inline;
  list-style: none;
  padding: 0px;
}
/* line 626, ../sass/form.scss */
.warning-info li:after {
  content: ", ";
}
/* line 629, ../sass/form.scss */
.warning-info li:last-child::after {
  content: ".";
}

/* line 635, ../sass/form.scss */
#popup-wrapper {
  position: fixed;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 645, ../sass/form.scss */
#popup-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  background-color: #009AE1;
  opacity: .5;
}
/* line 656, ../sass/form.scss */
#popup-wrapper #content {
  max-width: 30rem;
  box-shadow: rgba(0, 0, 0, 0.33) 0px 4px 16px 0px;
}
/* line 659, ../sass/form.scss */
#popup-wrapper #content #content-text {
  color: #7e7e7e;
  padding: 2rem 2rem 0;
}
/* line 662, ../sass/form.scss */
#popup-wrapper #content #content-text h3 {
  text-align: center;
}
/* line 665, ../sass/form.scss */
#popup-wrapper #content #content-text p {
  margin-top: 1rem;
}

/* Chrome, Safari, Edge, Opera */
/* line 674, ../sass/form.scss */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* line 681, ../sass/form.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 685, ../sass/form.scss */
#summary {
  min-width: 100%;
  color: #7e7e7e;
  transition: opacity .5s;
}
/* line 689, ../sass/form.scss */
#summary.fade-out {
  opacity: 0;
}

/* line 694, ../sass/form.scss */
#summary {
  min-width: 100%;
  color: #7e7e7e;
}
/* line 698, ../sass/form.scss */
#summary h3.summary-description {
  margin-bottom: .5rem;
}
/* line 701, ../sass/form.scss */
#summary .summary-group {
  padding: 0 2rem;
  margin: 1.5rem 0;
}
/* line 704, ../sass/form.scss */
#summary .summary-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
/* line 708, ../sass/form.scss */
#summary .summary-group > div .summary-container {
  width: calc(50% - 0.5rem);
}
/* line 711, ../sass/form.scss */
#summary .summary-group > div.container-full-width .summary-container {
  width: 100%;
}
/* line 716, ../sass/form.scss */
#summary .oswiadczenia p {
  margin-bottom: 1rem;
}
/* line 719, ../sass/form.scss */
#summary .form-code-group {
  margin-top: 3rem;
}
/* line 722, ../sass/form.scss */
#summary .form-code-input {
  margin-top: 2rem;
  justify-content: center;
}
/* line 725, ../sass/form.scss */
#summary .form-code-input input {
  text-align: center;
  width: 1.5rem;
  border: none;
  border-bottom: 1px solid #009AE1;
}

/* line 734, ../sass/form.scss */
#submit-status {
  transition: 1s height;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* line 739, ../sass/form.scss */
#submit-status .upload-status-info {
  margin-top: 2rem;
  text-align: center;
  display: none;
}
/* line 744, ../sass/form.scss */
#submit-status .submit-button-container {
  transition: width .5s;
  height: 5rem;
}
/* line 748, ../sass/form.scss */
#submit-status .submit-button-container::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #009AE1;
  opacity: 0;
  transition: .4s opacity;
  pointer-events: none;
}
/* line 761, ../sass/form.scss */
#submit-status > div {
  transition: .5s opacity;
}
/* line 764, ../sass/form.scss */
#submit-status.fade-out {
  overflow: hidden;
}
/* line 767, ../sass/form.scss */
#submit-status.fade-out > div:not(.submit-button-container) {
  opacity: 0;
}
/* line 770, ../sass/form.scss */
#submit-status.fade-out .submit-button-container::after {
  opacity: 1;
  pointer-events: all;
}
/* line 774, ../sass/form.scss */
#submit-status.upload-status {
  height: 9rem;
}
/* line 776, ../sass/form.scss */
#submit-status.upload-status h3 {
  display: block;
}
/* line 779, ../sass/form.scss */
#submit-status.upload-status .submit-button-container {
  margin-top: 0;
}
/* line 781, ../sass/form.scss */
#submit-status.upload-status .submit-button-container::after {
  opacity: 1;
  pointer-events: all;
}

/* line 789, ../sass/form.scss */
#form-success {
  padding: 2rem;
}
/* line 791, ../sass/form.scss */
#form-success h3 {
  text-align: center;
}
/* line 794, ../sass/form.scss */
#form-success p {
  margin-top: 1rem;
}

/* line 798, ../sass/form.scss */
footer {
  margin-bottom: 3rem;
}

/* line 801, ../sass/form.scss */
#logo-belka {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% - 4rem);
  max-width: 50rem;
  margin: 0 auto;
}
/* line 808, ../sass/form.scss */
#logo-belka img {
  height: 4rem;
}
/* line 811, ../sass/form.scss */
#logo-belka p {
  font-size: .6rem;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .04rem;
}
/* line 817, ../sass/form.scss */
#logo-belka .logo-grupa {
  max-width: 50%;
}
/* line 819, ../sass/form.scss */
#logo-belka .logo-grupa > div {
  display: flex;
  flex-wrap: wrap;
}
/* line 822, ../sass/form.scss */
#logo-belka .logo-grupa > div > a {
  display: block;
}

@media only screen and (max-width: 450px) {
  /* line 830, ../sass/form.scss */
  #top-bar {
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr;
    justify-content: center;
    align-items: center;
  }
  /* line 835, ../sass/form.scss */
  #top-bar img {
    grid-column-start: 1;
  }

  /* line 839, ../sass/form.scss */
  #menu {
    flex-direction: column;
    box-shadow: inset 0px -1px 0px #bcbcbc;
  }
  /* line 843, ../sass/form.scss */
  #menu a {
    width: 100%;
    padding: .25rem 0;
  }
  /* line 846, ../sass/form.scss */
  #menu a + a:not(.active-menu) {
    box-shadow: inset 0px 1px 0px #bcbcbc;
  }
  /* line 849, ../sass/form.scss */
  #menu a.active-menu + a {
    box-shadow: none;
  }

  /* line 854, ../sass/form.scss */
  #wrapper, #popup-wrapper #content {
    width: 100%;
  }

  /* line 859, ../sass/form.scss */
  .input-radio-group .radio-input {
    width: 100%;
    text-align: center;
    padding: 0 0 0.5rem;
  }

  /* line 865, ../sass/form.scss */
  p.description {
    margin-top: 0;
  }

  /* line 868, ../sass/form.scss */
  .filename-group {
    flex-direction: column-reverse !important;
  }
  /* line 870, ../sass/form.scss */
  .filename-group label {
    width: calc(100% - 2rem);
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
  }
  /* line 875, ../sass/form.scss */
  .filename-group .filename {
    height: 3rem;
  }

  /* line 880, ../sass/form.scss */
  .checkbox-group .consent-group {
    flex-direction: column;
  }

  /* line 884, ../sass/form.scss */
  .strzalka {
    display: none !important;
  }

  /* line 887, ../sass/form.scss */
  #logo-belka {
    gap: 1rem;
  }
  /* line 889, ../sass/form.scss */
  #logo-belka .logo-grupa {
    max-width: initial;
  }
  /* line 891, ../sass/form.scss */
  #logo-belka .logo-grupa > div {
    justify-content: center;
  }
  /* line 895, ../sass/form.scss */
  #logo-belka p {
    text-align: center;
  }
}