@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__animation{height:100%;display:block}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cycle-border-color}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate \30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cycle-colour}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__article{opacity:0;will-change:opacity;animation-name:\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__fadeInKF;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0;margin-top:64px;margin-bottom:64px}@media screen and (min-width:1440px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__article{max-width:var(--reading-width,900px);margin-left:auto;margin-right:auto}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__article{padding:0 64px}@media screen and (min-width:0) and (max-width:800px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__article{padding:0 16px}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__header{text-align:center}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__header h1{margin:0;position:relative}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__titleRow{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__titleRow{gap:.5rem}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__subtitle{color:var(--light-grey);margin:0;font-size:.85rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__subtitle a{font-size:.85rem}@media screen and (min-width:0) and (max-width:800px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__subtitle,.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__subtitle a{font-size:.8rem}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__diagramContainer{text-align:center}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__compactList{margin:1rem 0 1.5rem;padding-left:1.25rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__compactList li{color:var(--light-grey);margin-bottom:.6rem;line-height:1.55}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__compactList li::marker{color:var(--primary-color)}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__furtherReadingList{margin:1rem 0;padding-left:1.25rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__furtherReadingList li{color:var(--light-grey);margin-bottom:.65rem;line-height:1.55}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__furtherReadingList li::marker{color:var(--primary-color)}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__furtherReadingList a{font-weight:600}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__tableTitle{text-transform:uppercase;letter-spacing:.05em;color:var(--light-grey);margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:block}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet th,.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet td{border-bottom:1px solid var(--grey-blue);vertical-align:top;padding:.6rem .9rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet th{text-transform:uppercase;letter-spacing:.05em;color:var(--light-grey);font-size:.75rem;font-weight:600}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet tbody tr:last-child td{border-bottom:none}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet code{background:var(--background-color-dark-one);color:var(--font-color);border-radius:4px;padding:.15rem .4rem;font-family:Source Code Pro,monospace;font-size:.85rem}@media screen and (min-width:0) and (max-width:800px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet{font-size:.85rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet th,.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet td{padding:.5rem}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__cheatsheet code{font-size:.75rem}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__modifierCompare{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0;display:grid}@media screen and (min-width:1440px){.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__modifierCompare{grid-template-columns:1fr 1fr}}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__modifierCompare>pre{margin:0!important}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionToggle{margin:1.5rem 0}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary{cursor:pointer;background:var(--background-color-dark-two);border:1px solid var(--grey-blue);color:var(--font-color);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:.7rem 1rem;font-weight:600;list-style:none;transition:border-color .4s;display:flex}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary::-webkit-details-marker{display:none}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary:hover{border-color:var(--primary-color)}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary:after{content:"▼";color:var(--light-grey);font-size:.7rem;transition:transform .2s}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionToggle[open] .\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionToggle[open] .\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionSummary:after{transform:rotate(180deg)}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionBody{margin-top:0}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionBody>pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0!important}.\30 3-compose-and-the-config-screen-module-scss-module__3UNAgG__solutionNote{color:var(--light-grey);border-left:2px solid var(--grey-blue);margin-top:1rem;padding-left:.85rem;font-size:.9rem;line-height:1.55}