.Button-module__wrapper{color:var(--dark-text-color);font-size:1em;line-height:1.375em;display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:8.125em;height:2.5em;padding:0 1.875em;background-color:var(--primary-button-background-color);border:0 none;border-radius:var(--button-border-radius);color:var(--primary-button-text-color);font-family:var(--root-font-family-secondary);cursor:pointer}.Button-module__wrapper::first-letter{text-transform:uppercase}.Button-module__wrapper:hover,.Button-module__wrapper:focus{opacity:.8;transition:opacity .2s ease-in}.Button-module__wrapper:disabled{opacity:.4}.Button-module__isSecondary{background-color:var(--secondary-button-background-color);color:var(--secondary-button-text-color)}.Button-module__isTertiary{background-color:var(--tertiary-button-background-color);color:var(--tertiary-button-text-color)}.Button-module__isClean{background-color:transparent;color:var(--dark-text-color);text-decoration:underline}.Button-module__isIconButton{min-width:0;padding:0;background-color:transparent}.Button-module__isModalCloseButton{width:2.5em;min-width:0;padding:0;background-color:var(--modal-button-background-color);border-radius:100%}.Button-module__crossIcon{width:.9375em;fill:var(--modal-button-text-color)}
.Spinner-module__spinner{position:absolute;top:50%;left:50%;display:block;width:2em;height:2em;transform:translate(-50%, -50%);animation:Spinner-module__fadeIn 1000ms ease-in-out}.Spinner-module__spinner::after{content:"";display:block;width:2em;height:2em;border:.1875em solid var(--spinner-background-color);border-top-color:var(--spinner-color);border-radius:50%;will-change:transform;animation:Spinner-module__spinner .6s linear infinite}.Spinner-module__isSmall{font-size:.5em}.Spinner-module__isMedium{font-size:1em}.Spinner-module__isLarge{font-size:1.5em}@keyframes Spinner-module__spinner{to{transform:rotate(360deg)}}@keyframes Spinner-module__fadeIn{0%{opacity:0}100%{opacity:1}}
.Modal-module__wrapper{z-index:300;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--modal-background-color);backdrop-filter:blur(5px)}.Modal-module__wrapper.Modal-module__willJustifyLeft{justify-content:flex-start}.Modal-module__wrapper.Modal-module__willAlignBottom{align-items:flex-end}.Modal-module__modal{width:22.1875em;padding:1.875em 2.5em;background-color:#fff;border-radius:.5em;color:var(--modal-text-color);text-align:center;box-shadow:0 .75em 2em 0 rgba(0,38,50,.5)}.Modal-module__willFill{width:100%;height:100%}.Modal-module__title{color:var(--dark-text-color);font-size:1.5em;line-height:1.875em;margin-bottom:.4166666667em}.Modal-module__content{margin-bottom:1.875em}.Modal-module__footer{display:flex;align-items:center;justify-content:center}.Modal-module__footer.Modal-module__hasMultipleButtons{justify-content:space-between}
.ResultModal-module__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.ResultModal-module__heading{margin-bottom:.375em;color:var(--color-gold);font-weight:bold;font-size:1.875em;font-family:var(--root-font-family);text-align:center}.ResultModal-module__subHeading{margin-bottom:.625em;color:var(--color-gold);font-weight:bold;font-size:1.25em;font-family:var(--root-font-family-secondary)}.ResultModal-module__body{width:16.625em;margin-bottom:1.5em;padding-right:20px;padding-left:20px;color:var(--color-gold);font-size:1.25em;font-family:var(--root-font-family);line-height:1.625em;text-align:center}.ResultModal-module__buttonWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.ResultModal-module__button{width:255px;height:38px;margin-bottom:20px}.ResultModal-module__canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.DevMenu-module__wrapper{position:relative}.react-dat-gui{z-index:9999;position:fixed;top:0;right:0;width:280px;box-sizing:border-box;font-size:12px;font-family:Lucida Grande,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.react-dat-gui *,.react-dat-gui ::after,.react-dat-gui ::before{box-sizing:inherit}.react-dat-gui .dg{margin:0;padding:0;color:#eee;overflow:hidden}.react-dat-gui .dg ul{clear:both;width:100%;margin:0;padding:0;list-style:none}.react-dat-gui .dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.react-dat-gui .dg.main::-webkit-scrollbar-corner{display:none;height:0}.react-dat-gui .dg.main::-webkit-scrollbar-thumb{background:#676767;border-radius:5px}.react-dat-gui .cr{display:block;background-color:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui .cr:not(:last-child){border-bottom:1px solid #272727}.react-dat-gui .cr label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:1px 2px 1px 8px}.react-dat-gui .cr .label-text{width:40%;min-width:0;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.react-dat-gui .cr input[type=number],.react-dat-gui .cr input[type=text]{margin:0;background:#303030;border:3px solid #1a1a1a;border-radius:0;font-size:inherit;outline:none}.react-dat-gui .cr input[type=number]:hover,.react-dat-gui .cr input[type=text]:hover{background:#3c3c3c}.react-dat-gui .cr input[type=number]:focus,.react-dat-gui .cr input[type=text]:focus{background:#494949;color:#fff}.react-dat-gui .cr input[type=number]::-ms-clear,.react-dat-gui .cr input[type=text]::-ms-clear{display:none}.react-dat-gui .cr.boolean{position:relative;border-left:5px solid #806787}.react-dat-gui .cr.boolean label{cursor:pointer}.react-dat-gui .cr.boolean .label-text{display:block;padding:5px 0}.react-dat-gui .cr.boolean .checkbox-container{width:100%}.react-dat-gui .cr.boolean input[type=checkbox]{margin:0;vertical-align:middle}.react-dat-gui .cr.button{border-left:5px solid #e61d5f}.react-dat-gui .cr.button:hover{background:#111}.react-dat-gui .cr.button .label-text{display:block;width:100%;padding:6px 2px 6px 8px;cursor:pointer}.react-dat-gui li.folder{display:block;padding:0}.react-dat-gui li.folder .title{display:block;padding:5px 5px 5px 16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui li.folder ul{width:calc(100% - 4px);margin-left:4px}.react-dat-gui li.folder.closed .title{background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat}.react-dat-gui li.folder.closed ul{display:none}.react-dat-gui .cr.number{border-left:5px solid #2fa1d6}.react-dat-gui .cr.number input[type=number],.react-dat-gui .cr.number input[type=text]{height:25px;color:#2fa1d6}.react-dat-gui .cr.number .slider{position:relative;display:block;height:25px;background-color:#303030;background-image:linear-gradient(90deg, #2fa1d6, #2fa1d6);background-repeat:no-repeat;background-size:0 100%;border:3px solid #1a1a1a;border-right-width:1px;cursor:ew-resize}.react-dat-gui .cr.string{border-left:5px solid #1ed36f}.react-dat-gui .cr.string input[type=text]{width:100%;padding:2px 5px;color:#1ed36f}.react-dat-gui .cr.select{border-left:5px solid #f4d450}.react-dat-gui .cr.select label{padding:6px 2px 6px 8px}.react-dat-gui .cr.color{border-left:5px solid #1a1a1a}.react-dat-gui .cr.color .swatch{padding:2px 5px;border:3px solid #1a1a1a;color:#fff;font-weight:700;text-align:center;text-shadow:rgba(0,0,0,.7) 0 1px 1px;cursor:pointer}.react-dat-gui .cr.color .popover{z-index:2;position:absolute;right:5px}.react-dat-gui .cr.color .cover{position:fixed;top:0;right:0;bottom:0;left:0}.react-dat-gui .cr.color .picker{width:auto;margin-top:-3px;box-sizing:initial;background:#fff;font-family:Menlo,sans-serif;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3)}.react-dat-gui .cr.color .picker .body{padding:0}.react-dat-gui .cr.color .picker .body .controls{display:flex}.react-dat-gui .cr.color .picker .body .controls .toggles{flex:1}.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap{position:relative;height:10px}.react-dat-gui .cr.color .picker .saturation-wrap{position:relative;width:100%;padding-bottom:55%;overflow:hidden}.react-dat-gui .cr.color .fields-wrap{display:flex}.react-dat-gui .cr.color .fields-wrap .fields{display:flex;flex:1;margin-left:-6px}.react-dat-gui .cr.color .fields-wrap .fields .field{width:100%;padding-left:6px}.react-dat-gui .cr.color .fields-wrap .fields .field input{height:21px;border:none;border-radius:2px;color:#333;font-size:11px;text-align:center;box-shadow:inset 0 0 0 1px #dadada}.react-dat-gui .cr.color .fields-wrap .fields .field input:focus{outline:none}.react-dat-gui .cr.color .fields-wrap .fields .field label{display:block;margin-top:12px;color:#969696;font-size:11px;line-height:11px;text-align:center;text-transform:uppercase}.react-dat-gui .cr.color .pointer{z-index:3;position:absolute;width:12px;height:12px;background-color:#f8f8f8;border-radius:6px;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);transform:translate(-6px, -1px)}.react-dat-gui .cr.color .pointer-circle{width:12px;height:12px;border-radius:6px;box-shadow:inset 0 0 0 1px #fff;transform:translate(-6px, -6px)}.react-dat-gui .cr.presets{border-left:5px solid #dad5cb}.react-dat-gui .cr.presets label{padding:6px 2px 6px 8px}.react-dat-gui .cr.presets label select{width:100%}
.ScratchCard-module__cardWrapper{z-index:200;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;transform:translateY(calc(var(--top-bar-height) * -1));pointer-events:none}.ScratchCard-module__cardImg{position:absolute}.ScratchCard-module__heading,.ScratchCard-module__buttonWrapper{pointer-events:auto}.ScratchCard-module__heading{color:var(--theme-color-1);text-align:center;transform:translateY(-44px)}@media(min-height: 700px){.ScratchCard-module__heading{transform:translateY(-52px)}}.ScratchCard-module__buttonWrapper{display:grid;grid-auto-flow:column;justify-content:center;width:100%;max-width:520px;column-gap:10px;transform:translateY(54px)}@media(min-height: 700px){.ScratchCard-module__buttonWrapper{transform:translateY(62px)}}@media(min-height: 890px){.ScratchCard-module__buttonWrapper{grid-auto-flow:row;justify-content:unset;width:auto;transform:translateY(118px);row-gap:20px}}@media(min-height: 890px){.ScratchCard-module__button{width:255px;height:38px}}.ScratchCard-module__canvasWrapper{z-index:100;position:fixed;top:0;width:100%;height:100%}
.Header-module__wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}@media(min-height: 768px){.Header-module__wrapper{position:static}}.Header-module__header{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;height:40px}@media(min-width: 768px){.Header-module__header{padding:0 30px}}@media(min-height: 812px){.Header-module__header{max-width:1200px}}.Header-module__closeButton,.Header-module__reloadButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-white);border-radius:50%}.Header-module__closeButton{margin-bottom:10px}@media(min-height: 667px){.Header-module__closeButton{margin-bottom:20px}}@media(min-height: 768px){.Header-module__closeButton{position:absolute;top:30px;margin-bottom:0}}.Header-module__reloadButton{position:absolute;top:52px;left:20px}.Header-module__reloadButton.Header-module__isReloading{pointer-events:none}@media(min-width: 768px){.Header-module__reloadButton{top:0}}.Header-module__closeIcon{width:22px}.Header-module__reloadIcon{width:23px;transform:translate(-1.5px, 0.5px)}.Header-module__heading{color:var(--theme-color-1)}@media(min-width: 768px){.Header-module__heading{font-size:1.75em}}
.DevMenu-module__wrapper{position:relative}.react-dat-gui{z-index:9999;position:fixed;top:0;right:0;width:280px;box-sizing:border-box;font-size:12px;font-family:Lucida Grande,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.react-dat-gui *,.react-dat-gui ::after,.react-dat-gui ::before{box-sizing:inherit}.react-dat-gui .dg{margin:0;padding:0;color:#eee;overflow:hidden}.react-dat-gui .dg ul{clear:both;width:100%;margin:0;padding:0;list-style:none}.react-dat-gui .dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.react-dat-gui .dg.main::-webkit-scrollbar-corner{display:none;height:0}.react-dat-gui .dg.main::-webkit-scrollbar-thumb{background:#676767;border-radius:5px}.react-dat-gui .cr{display:block;background-color:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui .cr:not(:last-child){border-bottom:1px solid #272727}.react-dat-gui .cr label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:1px 2px 1px 8px}.react-dat-gui .cr .label-text{width:40%;min-width:0;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.react-dat-gui .cr input[type=number],.react-dat-gui .cr input[type=text]{margin:0;background:#303030;border:3px solid #1a1a1a;border-radius:0;font-size:inherit;outline:none}.react-dat-gui .cr input[type=number]:hover,.react-dat-gui .cr input[type=text]:hover{background:#3c3c3c}.react-dat-gui .cr input[type=number]:focus,.react-dat-gui .cr input[type=text]:focus{background:#494949;color:#fff}.react-dat-gui .cr input[type=number]::-ms-clear,.react-dat-gui .cr input[type=text]::-ms-clear{display:none}.react-dat-gui .cr.boolean{position:relative;border-left:5px solid #806787}.react-dat-gui .cr.boolean label{cursor:pointer}.react-dat-gui .cr.boolean .label-text{display:block;padding:5px 0}.react-dat-gui .cr.boolean .checkbox-container{width:100%}.react-dat-gui .cr.boolean input[type=checkbox]{margin:0;vertical-align:middle}.react-dat-gui .cr.button{border-left:5px solid #e61d5f}.react-dat-gui .cr.button:hover{background:#111}.react-dat-gui .cr.button .label-text{display:block;width:100%;padding:6px 2px 6px 8px;cursor:pointer}.react-dat-gui li.folder{display:block;padding:0}.react-dat-gui li.folder .title{display:block;padding:5px 5px 5px 16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui li.folder ul{width:calc(100% - 4px);margin-left:4px}.react-dat-gui li.folder.closed .title{background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat}.react-dat-gui li.folder.closed ul{display:none}.react-dat-gui .cr.number{border-left:5px solid #2fa1d6}.react-dat-gui .cr.number input[type=number],.react-dat-gui .cr.number input[type=text]{height:25px;color:#2fa1d6}.react-dat-gui .cr.number .slider{position:relative;display:block;height:25px;background-color:#303030;background-image:linear-gradient(90deg, #2fa1d6, #2fa1d6);background-repeat:no-repeat;background-size:0 100%;border:3px solid #1a1a1a;border-right-width:1px;cursor:ew-resize}.react-dat-gui .cr.string{border-left:5px solid #1ed36f}.react-dat-gui .cr.string input[type=text]{width:100%;padding:2px 5px;color:#1ed36f}.react-dat-gui .cr.select{border-left:5px solid #f4d450}.react-dat-gui .cr.select label{padding:6px 2px 6px 8px}.react-dat-gui .cr.color{border-left:5px solid #1a1a1a}.react-dat-gui .cr.color .swatch{padding:2px 5px;border:3px solid #1a1a1a;color:#fff;font-weight:700;text-align:center;text-shadow:rgba(0,0,0,.7) 0 1px 1px;cursor:pointer}.react-dat-gui .cr.color .popover{z-index:2;position:absolute;right:5px}.react-dat-gui .cr.color .cover{position:fixed;top:0;right:0;bottom:0;left:0}.react-dat-gui .cr.color .picker{width:auto;margin-top:-3px;box-sizing:initial;background:#fff;font-family:Menlo,sans-serif;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3)}.react-dat-gui .cr.color .picker .body{padding:0}.react-dat-gui .cr.color .picker .body .controls{display:flex}.react-dat-gui .cr.color .picker .body .controls .toggles{flex:1}.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap{position:relative;height:10px}.react-dat-gui .cr.color .picker .saturation-wrap{position:relative;width:100%;padding-bottom:55%;overflow:hidden}.react-dat-gui .cr.color .fields-wrap{display:flex}.react-dat-gui .cr.color .fields-wrap .fields{display:flex;flex:1;margin-left:-6px}.react-dat-gui .cr.color .fields-wrap .fields .field{width:100%;padding-left:6px}.react-dat-gui .cr.color .fields-wrap .fields .field input{height:21px;border:none;border-radius:2px;color:#333;font-size:11px;text-align:center;box-shadow:inset 0 0 0 1px #dadada}.react-dat-gui .cr.color .fields-wrap .fields .field input:focus{outline:none}.react-dat-gui .cr.color .fields-wrap .fields .field label{display:block;margin-top:12px;color:#969696;font-size:11px;line-height:11px;text-align:center;text-transform:uppercase}.react-dat-gui .cr.color .pointer{z-index:3;position:absolute;width:12px;height:12px;background-color:#f8f8f8;border-radius:6px;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);transform:translate(-6px, -1px)}.react-dat-gui .cr.color .pointer-circle{width:12px;height:12px;border-radius:6px;box-shadow:inset 0 0 0 1px #fff;transform:translate(-6px, -6px)}.react-dat-gui .cr.presets{border-left:5px solid #dad5cb}.react-dat-gui .cr.presets label{padding:6px 2px 6px 8px}.react-dat-gui .cr.presets label select{width:100%}
.Buttons-module__buttonWrapper{display:grid;transform:translateY(-10px);row-gap:10px}@media(min-height: 667px){.Buttons-module__buttonWrapper{transform:translateY(0);row-gap:20px}}@media(min-height: 812px){.Buttons-module__buttonWrapper{transform:translateY(14px)}}.Buttons-module__button{width:255px;height:38px}.Buttons-module__amountSpecification{display:flex;justify-content:space-between;margin-bottom:16px}
.CardPicker-module__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.CardPicker-module__cardWrapper{position:relative;width:98px;height:181px;margin:80px 0;transform:translateY(-10px)}@media(min-height: 812px){.CardPicker-module__cardWrapper{width:137px;height:251px;margin:100px 0;transform:translateY(0)}}.CardPicker-module__card{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center 1120px;will-change:transform}@media(min-height: 812px){.CardPicker-module__card{transform-origin:center 1400px}}.CardPicker-module__cardImage{position:relative;width:100%;max-width:unset;height:100%;pointer-events:none}
.App-module__wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100vw;height:calc(100vh - var(--top-bar-height));max-height:-webkit-fill-available;background-color:var(--theme-color-2);overflow:hidden}.App-module__dev{color:#000;font-size:30px}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

#app{--color-black: #333;--color-white: #fff;--color-primary: #6b5271;--color-secondary: #ef6b56;--color-tertiary: #f0dca2;--app-color: #333;--app-background-color: #fff;--screen-mobile-portrait: 428px;--screen-mobile-landscape: 667px;--screen-tablet-portrait: 768px;--screen-tablet-landscape: 1024px;--screen-desktop: 1280px;--screen-desktop-large: 1400px}#app{font-weight:var(--root-font-weight);font-size:var(--root-font-size);font-family:var(--root-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1,.h1-xl,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0;font-weight:700}h1,.h1{font-size:3em;margin:0}.h1-xl{font-size:4.5em;margin:0}h2,.h2{font-size:2em;line-height:2.5em;margin:0}h3,.h3{font-size:1.5em;line-height:2em;margin:0}h4,.h4,h5,.h5,h6,.h6{font-size:1em;line-height:1.5em;margin:0}p{margin:0 0 1em;color:var(--dark-text-color);font-size:1em;line-height:1.375em}small,.small{font-size:.75em;line-height:1em}#app{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul{margin:0;padding:0;list-style-position:inside}img{max-width:100%}button{display:block;margin:0;padding:0;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer}button:focus{outline:none}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);overflow:hidden}

/*# sourceMappingURL=main.css.map*/