*{box-sizing:border-box}body{font-family:Poppins,sans-serif;margin:0}html{background-color:var(--dark-gray);color:var(--text-color)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}::-moz-selection{background-color:var(--primary-color);color:var(--text-color-light)}::selection{background-color:var(--primary-color);color:var(--text-color-light)}input,textarea,select,button{font:inherit}:root{--primary-color: #8774d1;--dark-gray: #0e0e10;--text-color-light: #fffffe;--text-color-dark: var(--dark-gray);--white: var(--text-color-light);--danger: #ef4036}a{color:var(--primary-color);opacity:.85;transition:opacity .2s ease-in-out}a:hover{opacity:1}p{color:var(--text-color)}strong{font-weight:inherit}li{margin-left:0}ol,ul{padding-left:0}figure,blockquote{margin:0}.btn{all:unset;outline:revert;box-sizing:border-box;display:inline-block;cursor:pointer;font-size:.88rem;line-height:1.5;letter-spacing:2px;font-weight:600;text-transform:uppercase;transition:translate .18s,box-shadow .18s,background-color .18s,color .18s}.btn:hover{box-shadow:0 0 0 var(--primary-color);translate:3px 3px}.btn:active{background-color:var(--dark-gray);color:var(--text-color-light)}.btn--raised{background-color:var(--white);color:var(--text-color-dark);padding:.75rem 1.5rem;border:2px solid var(--primary-color);transition:all .3s ease;box-shadow:5px 5px 0 var(--primary-color)}.disabled{opacity:.5;cursor:default;pointer-events:none}.danger{border:2px solid #ef3f36a1;box-shadow:5px 5px #ef3f36a1;background-color:#ef3f3671;color:var(--text-color-light)}.upload{background-color:var(--primary-color);color:var(--text-color-light);padding:.75rem 1.5rem;border:2px solid var(--white);transition:all .3s ease;box-shadow:5px 5px 0 var(--white)}.container{max-width:1000px;padding-inline:50px;margin-inline:auto}@media (max-width: 62.5rem){.container{padding-inline:16px}}.sr-only,.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title--lg{font-size:1.75rem;font-weight:700;line-height:1.05}.text--lg{font-size:1.5rem;font-weight:300;line-height:1.9}.text--bold{font-size:1.125rem;font-weight:600;line-height:1.77}.text{font-size:1.125rem;font-weight:400;line-height:1.77}.text--sm{font-size:1rem;font-weight:400;line-height:1.77}.nav{display:flex;justify-content:space-between;align-items:center;padding-block:25px}.layout-section{padding-bottom:200px;scroll-margin-top:20px}.layout-section-title{margin-bottom:36px}.layout-flex-column{display:flex;flex-direction:column;align-items:center;gap:48px}.layout-flex-row{display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 48rem){.layout-section{padding-bottom:100px}}.designer-container{display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.img-container{width:200px;height:200px;border:6px solid #fff;border-radius:0%;overflow:hidden}.avatar{width:100%;height:100%;object-fit:cover}.btn--row{display:flex;flex-wrap:wrap;gap:2rem}@media (max-width: 28.75rem){.btn--row>*,#reset{width:100%}}.input{width:100%;background-color:transparent;border:none;border-bottom:2px solid var(--primary-color);color:var(--text-color-light);font-weight:300;line-height:1.9;font-size:1.5rem;transition:border-color .3s ease}.input:focus{border-color:var(--primary-color);outline:none}textarea.input{min-height:none;resize:vertical}.customization-form{display:flex;flex-direction:column;gap:36px}.input-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:12px}.adjustments-container{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}@media (max-width: 28.75rem){.adjustments-container>.input-container,.customization-form{width:100%;display:block}.adjustments-container{margin-top:48px}}