/* line 2, frontend/static/frontend/css/style.scss */
.btn-default {
  border: 1px solid #999; }

/* line 6, frontend/static/frontend/css/style.scss */
.btn.disabled, .btn:disabled {
  opacity: 0.4; }

/* line 11, frontend/static/frontend/css/style.scss */
body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #f0f0f0; }

/* line 18, frontend/static/frontend/css/style.scss */
.box {
  position: relative;
  max-width: 600px;
  width: 90%;
  height: 400px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

/*
--------------------- ribbon ----------------------
from:
https://freefrontend.com/css-ribbons/
https://codepen.io/nxworld/pen/oLdoWb
*/
/* common */
/* line 35, frontend/static/frontend/css/style.scss */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

/* line 41, frontend/static/frontend/css/style.scss */
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9; }

/* line 49, frontend/static/frontend/css/style.scss */
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center; }

/* top left*/
/* line 64, frontend/static/frontend/css/style.scss */
.ribbon-top-left {
  top: -10px;
  left: -10px; }

/* line 68, frontend/static/frontend/css/style.scss */
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

/* line 73, frontend/static/frontend/css/style.scss */
.ribbon-top-left::before {
  top: 0;
  right: 0; }

/* line 77, frontend/static/frontend/css/style.scss */
.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

/* line 81, frontend/static/frontend/css/style.scss */
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
/* line 88, frontend/static/frontend/css/style.scss */
.ribbon-top-right {
  top: -10px;
  right: -10px; }

/* line 92, frontend/static/frontend/css/style.scss */
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

/* line 97, frontend/static/frontend/css/style.scss */
.ribbon-top-right::before {
  top: 0;
  left: 0; }

/* line 101, frontend/static/frontend/css/style.scss */
.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

/* line 105, frontend/static/frontend/css/style.scss */
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
/* line 112, frontend/static/frontend/css/style.scss */
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

/* line 116, frontend/static/frontend/css/style.scss */
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

/* line 121, frontend/static/frontend/css/style.scss */
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

/* line 125, frontend/static/frontend/css/style.scss */
.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

/* line 129, frontend/static/frontend/css/style.scss */
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
/* line 136, frontend/static/frontend/css/style.scss */
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

/* line 140, frontend/static/frontend/css/style.scss */
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

/* line 145, frontend/static/frontend/css/style.scss */
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

/* line 149, frontend/static/frontend/css/style.scss */
.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

/* line 153, frontend/static/frontend/css/style.scss */
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }