@keyframes fade-in{0%{opacity:0}to{opacity:100}}#contact-me-submit-button{background-color:var(--colour-sage);border-radius:1em;border:1px;margin-top:1em;margin-bottom:1em;height:4em;width:100%;font-size:1.2em;cursor:pointer;border:1px dotted var(--colour-white-smoke)}.hidden-quiz-page{display:none}.quiz-page{animation:fade-in 1s ease}.quiz-page h2,.quiz-page p{padding-left:.2em}#pieceRecommendLink1,#pieceRecommendLink2,#pieceRecommendLink3{color:var(--colour-white-smoke)}#quiz-page div{box-sizing:border-box}.contact-us-button{padding:1em 2.5em;background-color:var(--colour-kobicha);color:var(--colour-white-smoke);border-radius:2em;margin-top:1em;text-decoration:none;font-size:1em}#contact-form-holder input[type=text],#contact-form-holder input[type=email]{height:3em;width:98.5%}#contact-form-holder a.link{color:var(--colour-white-smoke)}#contact-form-holder textarea{height:13em;width:98.5%}#next-button{padding:1em;color:var(--colour-black);background-color:var(--colour-sage);border-radius:1em;min-width:10em;text-align:center}#prev-button{padding:1em;color:var(--colour-black);background-color:var(--colour-white-smoke);border-radius:1em;min-width:10em;text-align:center}#quiz-page-number{font-style:italic}.purple-option-button{background-color:transparent;color:var(--colour-white-smoke);border:0}.green-option{width:11em;height:6.5em;border-radius:1em;display:flex;text-align:center;background-color:var(--colour-black);transition:background-color .5s ease}#quiz-images-top-row{display:grid;margin-bottom:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:1em}#quiz-images-bottom-row{margin:auto;width:fit-content;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;grid-column-gap:1em;grid-row-gap:1em}#prev-button,#next-button{cursor:pointer}.purple-option{background-color:var(--colour-black);transition:background-color .5s ease}#quiz-section h2{color:var(--colour-white-smoke)}#quiz-section h3{color:var(--colour-white-smoke);font-size:2em}#quiz-section h4{color:var(--colour-white-smoke);font-size:1.4em}.quiz-image{width:100%;height:auto;border-radius:3px}.quiz-style-image-parent{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:12px;grid-row-gap:12px}#rec-holder{display:grid;grid-column-gap:1em;grid-row-gap:1em}@media only screen and (min-width:781px){#quiz-section #quiz-holder{min-height:44em}#style-result-paragraph{width:50%}#quiz-section #quiz-holder{margin-bottom:4em}#rec-holder{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,.5fr)}}@media only screen and (max-width:780px){#quiz-section #quiz-holder{height:auto!important}#quiz-images-bottom-row,#quiz-images-top-row{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}#style-result-paragraph{padding-left:1em;padding-right:1em}#quiz-section #quiz-holder{margin-bottom:2em}#rec-holder{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,1fr)}}#style-result-heading{padding-top:2em}#quiz-section{margin-top:2em;margin-bottom:2em}#quiz-section #quiz-holder{border-radius:1em;padding:1em;justify-content:space-between;background-color:var(--colour-liquorice);color:var(--colour-white-smoke)}#purple-traditional,#purple-masculine,#purple-feminine,#purple-neutral,#purple-dark,#purple-edgy,#purple-fairy{padding:1em;cursor:pointer;border-radius:1em}#purple-traditional[data-selected=true],#purple-masculine[data-selected=true],#purple-feminine[data-selected=true],#purple-neutral[data-selected=true],#purple-dark[data-selected=true],#purple-edgy[data-selected=true],#purple-fairy[data-selected=true]{background-color:var(--colour-sage)}#green-creative,#green-modern,#green-dark,#green-unique,#green-antique,#green-light,#green-clean,#green-unhinged{cursor:pointer}#green-creative[data-selected=true],#green-modern[data-selected=true],#green-dark[data-selected=true],#green-unique[data-selected=true],#green-antique[data-selected=true],#green-light[data-selected=true],#green-clean[data-selected=true],#green-unhinged[data-selected=true]{background-color:var(--colour-sage)}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */