{"version":3,"sources":["webpack://src/css/rec.css","webpack://src/css/title.css","webpack://src/css/button.css"],"names":[],"mappings":"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","file":"17.7d89d709.chunk.css","sourcesContent":["@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.rec_con {\n  position: relative;\n  width: 100%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.rec_con > .head {\n  position: relative;\n  width: 90%;\n  top: 2rem;\n}\n\n.rec_con > .head > .title {\n  position: relative;\n  width: 80%;\n  text-align: right;\n  font-size: 2rem;\n  font-family: 'OpenB';\n  margin: 0rem 0 0rem 0;\n}\n\n.rec_con > .recs {\n  position: relative;\n  width: 80%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n\n@media (max-width: 1000px) {\n  .rec_con > .recs {\n    width: 90%;\n  }\n}\n\n.rec_con > .recs > .item {\n  position: relative;\n  width: 80%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  margin: 0  1rem 1rem  0;\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n  overflow: hidden;\n  background-color: rgba(237, 237, 237, 0.8);\n}\n\n@media (max-width: 1000px) {\n  .rec_con > .recs > .item {\n    width: 100%;\n    margin: 0 0 2rem 0%;\n    background-color: whitesmoke;\n    padding: 0.15rem;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n}\n\n.rec_con > .recs > .item > .img_con {\n  position: relative;\n  max-width: 10%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  margin-right: 1rem;\n  background-color: white;\n  mix-blend-mode: multiply;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 1000px) {\n  .rec_con > .recs > .item > .img_con {\n    background-color: white;\n    position: relative;\n    max-width: 100%;\n    margin-left: 1rem;\n  }\n}\n\n.rec_con > .recs > .item > .img_con > .box {\n  position: absolute;\n  width: 100%;\n  z-index: 1;\n  background-color: black;\n  height: 100%;\n  opacity: 0;\n}\n\n.rec_con > .recs > .item > .img_con > img {\n  position: relative;\n  width: 100%;\n  height: auto;\n  padding: 0 1rem;\n}\n\n@media (max-width: 1000px) {\n  .rec_con > .recs > .item > .img_con > img {\n    width: 30%;\n    padding: 0 0rem;\n  }\n}\n\n.rec_con > .recs > .item > .info {\n  position: relative;\n  width: 70%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  margin: 0 2% 0rem 0;\n  padding: 1rem 0;\n  height: 100%;\n  overflow: hidden;\n}\n\n@media (max-width: 1000px) {\n  .rec_con > .recs > .item > .info {\n    width: 95%;\n    margin: 0 auto;\n  }\n}\n\n.rec_con > .recs > .item > .info > .name {\n  position: relative;\n  width: 100%;\n  text-align: right;\n  font-weight: bolder;\n  font-size: 1.7rem;\n  font-family: 'OpenB';\n}\n\n.rec_con > .recs > .item > .info > .worte {\n  position: relative;\n  width: 100%;\n  text-align: right;\n  font-family: 'OpenR';\n  font-weight: bolder;\n  font-size: 1.25rem;\n}\n\n.rec_con > .recs > .item > .info > .text {\n  position: relative;\n  width: 100%;\n  text-align: right;\n  font-size: 1rem;\n  margin-top: 0.25rem;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.title_con {\n  position: relative;\n  width: 80%;\n  background-color: whitesmoke;\n  margin: 2rem auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  padding: 1.5rem 1.5rem;\n}\n\n.title_con.true {\n  margin: 0rem auto 1.5rem;\n}\n\n@media (max-width: 1000px) {\n  .title_con {\n    width: 100%;\n  }\n}\n\n.title_con > .heb {\n  font-family: 'OpenB';\n  font-size: 2rem;\n}\n\n.title_con > .eng {\n  font-family: 'credit';\n  font-style: italic;\n  font-weight: Bolder;\n  letter-spacing: -0.5rem;\n  letter-spacing: 0;\n  font-size: 1rem;\n  font-weight: lighter;\n}\n\n.title_con > .text {\n  position: relative;\n  width: 90%;\n  margin: 0 auto;\n  text-align: right;\n  text-align-last: right;\n  margin: 0.5rem 0;\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.buttonsCon {\n  position: relative;\n  width: 100%;\n  margin: 5rem 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n@media (max-width: 1000px) {\n  .buttonsCon {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n}\n\n.buttonsCon.arti_btn {\n  margin: 1.8rem 0 0;\n}\n\n.buttonsCon > .buttonCon, .buttonsCon .buttonCon_eng {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 2rem 0 0rem;\n  width: 15rem;\n  border: none;\n  position: relative;\n  background-color: white;\n  border: 0.1rem solid black;\n  margin: 0 1rem;\n}\n\n@media (max-width: 1000px) {\n  .buttonsCon > .buttonCon, .buttonsCon .buttonCon_eng {\n    width: 80%;\n    margin: 0.5rem 1rem;\n  }\n}\n\n.buttonsCon > .buttonCon::before, .buttonsCon .buttonCon_eng::before {\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n  content: '';\n  width: 0%;\n  height: 100%;\n  background: black;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.buttonsCon > .buttonCon > button, .buttonsCon .buttonCon_eng > button {\n  position: relative;\n  background-color: transparent;\n  left: 0;\n  color: white;\n  fill: white;\n  font-family: 'OpenB';\n  mix-blend-mode: difference;\n  word-spacing: -0rem;\n  border: 0;\n  padding: 0.8rem 1rem;\n  font-size: 1.5rem;\n  cursor: pointer;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n}\n\n.buttonsCon > .buttonCon > button > svg, .buttonsCon .buttonCon_eng > button > svg {\n  width: 1.5rem;\n  margin: 0 0.25rem 0 0;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n\n.buttonsCon > .buttonCon:hover::before, .buttonsCon .buttonCon_eng:hover::before {\n  background: black;\n  width: 100%;\n}\n\n.buttonsCon > .buttonCon_eng {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.buttonsCon > .buttonCon_eng > button {\n  font-family: 'credit';\n  letter-spacing: 0;\n  word-spacing: 0;\n}\n"]}