.material-advice{margin-bottom:20px}.material-advice form label{display:inline;font-size:17px}.material-advice form label select{border-width:0 0 2px;border-color:var(--turquoise);margin:0 5px;padding:1px 5px;background-color:#fdf8f2;font-size:17px;cursor:pointer}.material-advice form label select:hover{background-color:#fff}@media (min-width:768px){.material-advice form label{font-size:20px}.material-advice form label select{font-size:20px}}.material-advice form label select.empty{animation:fadeIn;animation-duration:1s;-webkit-animation-iteration-count:calc(1*3);animation-iteration-count:calc(1*3);-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.material-advice form label select:active,.material-advice form label select:focus,.material-advice form label select:focus-visible{outline:none;outline-style:none;border-color:inherit;-webkit-box-shadow:none;box-shadow:none}#material-advice-result ul.results{display:grid;grid-gap:10px;grid-template-columns:1fr;grid-template-rows:repeat(1,1fr);grid-template-areas:"medium-recommended" "medium";margin-top:30px}@media (min-width:768px){#material-advice-result ul.results{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){#material-advice-result ul.results{grid-template-columns:repeat(3,1fr)}}#material-advice-result li.medium{grid-area:medium;grid-row:auto;display:grid;grid-column-gap:10px;grid-row-gap:0;margin-bottom:20px;grid-template-columns:1fr;grid-template-areas:"content" "image" "explanation" "cta"}@media (min-width:768px){#material-advice-result li.medium{grid-column:auto}}@media (min-width:992px){#material-advice-result li.medium{grid-column:auto}}@media (min-width:768px){#material-advice-result li.medium.recommended{border:1px solid #888;padding:20px 0;margin-bottom:40px;grid-area:medium-recommended;grid-column:1/3;grid-row:auto;width:100%;grid-template-columns:1fr 2fr;grid-template-areas:"image content" "image explanation" "image cta"}}@media (min-width:992px){#material-advice-result li.medium.recommended{grid-column:1/4}}#material-advice-result li.medium .image{grid-area:image;text-align:center}#material-advice-result li.medium .image img{width:60%}@media (min-width:768px){#material-advice-result li.medium.recommended .image img{width:100%}}#material-advice-result li.medium .content{grid-area:content;display:inline}#material-advice-result li.medium .content{text-align:center}@media (min-width:768px){#material-advice-result li.medium.recommended .content{text-align:left;margin-bottom:15px}}@media (min-width:768px){#material-advice-result li.medium.recommended .count{display:inline;margin-right:10px}}#material-advice-result li.medium .count span{font-size:17px;border-radius:50%;background-color:var(--deepblack);color:var(--purewhite);display:inline-block;width:28px;height:28px;text-align:center}@media (min-width:768px){#material-advice-result li.medium.recommended .count span{font-size:20px;width:35px;height:35px}}#material-advice-result li.medium .medium{font-size:18px;font-weight:600}@media (min-width:768px){#material-advice-result li.medium.recommended .medium{font-size:22px;display:inline;margin-right:10px}}#material-advice-result li.medium .match{font-size:90%}@media (min-width:768px){#material-advice-result li.medium.recommended .match{display:inline}}#material-advice-result li.medium .match .btn{margin-left:10px;border-radius:20px;padding:8px 18px;cursor:default}#material-advice-result li.medium .match .scribble{display:none}#material-advice-result li.medium.recommended .match .scribble{display:inline;position:relative;margin-left:20px;font-weight:700}#material-advice-result li.medium.recommended .match .scribble:after{background:url('https://static.ohmyprints.net/img/scribbles/scribble-04-coral.svg') no-repeat center top;content:"";position:absolute;width:100%;height:30px;background-size:contain;top:21px;display:block;left:20px;text-align:center}#material-advice-result li.medium .explanation{grid-area:explanation;margin-bottom:10px}@media (min-width:768px){#material-advice-result li.medium.recommended .explanation ul.fa-ul{margin-left:4.5em}}#material-advice-result li.medium .explanation ul li{word-break:break-word}#material-advice-result li.medium .explanation ul.fa-ul .fa-plus-circle{color:var(--turquoise)}#material-advice-result li.medium .explanation ul.fa-ul .fa-minus-circle{color:var(--lightgrey)}#material-advice-result li.medium .action{grid-area:cta;text-align:center;display:flex;flex-direction:column;align-items:center}@media (min-width:768px){#material-advice-result li.medium.recommended .action{text-align:left;margin-left:3em;display:flex;flex-direction:unset;align-items:center}}#material-advice-result li.medium .action a.btn{margin-top:10px;font-size:14px;order:2}@media (min-width:768px){#material-advice-result li.medium .action a.btn{width:min-content}}@media (min-width:768px){#material-advice-result li.medium.recommended .action a.btn{margin-bottom:auto}}#material-advice-result li.medium .action a.no-btn{display:block;font-family:Wulkan,"Times New Roman",Arial;text-decoration:underline;font-size:14px;order:1}@media (min-width:768px){#material-advice-result li.medium.recommended .action a.btn{margin-right:20px;order:unset;margin:0 20px 0 0}#material-advice-result li.medium.recommended .action a.no-btn{display:inline;font-size:16px;order:unset}}